Html 使用select标记angularjs绑定输入

Html 使用select标记angularjs绑定输入,html,angularjs,angular-ngmodel,Html,Angularjs,Angular Ngmodel,我是网页设计新手,我正在尝试使用ng模型和angularjs将输入标记与选择标记绑定。最后,我希望用户从数组中选择一个元素,输入标记的占位符将具有用户选择的值。用户可以在输入框中键入一些内容,选择标记内的元素也将更改,就像编辑功能一样。到目前为止,我的代码是这样的 <!-- Caregivers --> <div class="form-group"> <label for="c

我是网页设计新手,我正在尝试使用ng模型和angularjs将输入标记与选择标记绑定。最后,我希望用户从数组中选择一个元素,输入标记的占位符将具有用户选择的值。用户可以在输入框中键入一些内容,选择标记内的元素也将更改,就像编辑功能一样。到目前为止,我的代码是这样的

                <!-- Caregivers -->
            <div class="form-group">
                <label for="caregivers">Caregivers</label>
                <select class="form-control" id="caregivers">
                    <option ng-repeat="info in infos.Caregivers" value="info.Name">{{info.Name}}</option>
                </select>

                <label for="careName">Name</label>
                <input type="text" ng-model="info.Name" id="careName" placeholder="{{info.Name}}">

            </div>

照顾者
{{info.Name}
名称
select表工作正常,只是输入框和select没有绑定。有什么办法解决这个问题吗?提前谢谢

编辑:

简单地说,我想知道如何通过使用ng模型或任何其他类型的数据绑定将输入标记与选择标记(使用ng repeat)绑定

我想我理解你的意图。您应该对所选元素使用
ng选项
,而不是对选项使用
ng repeat
。然后,您可以让文本字段将
ng model
属性的
ng model
绑定到select

<select ng-model="selected_caregiver" 
        ng-options="caregiver as caregiver.Name for caregiver in info.Caregivers"
        class="form-control" id="caregivers" />

<input type="text" 
       ng-model="selected_caregiver.Name" 
       id="careName" 
       placeholder="{{selected_caregiver.Name}}">

小提琴:我想我明白你的意思。您应该对所选元素使用
ng选项
,而不是对选项使用
ng repeat
。然后,您可以让文本字段将
ng model
属性的
ng model
绑定到select

<select ng-model="selected_caregiver" 
        ng-options="caregiver as caregiver.Name for caregiver in info.Caregivers"
        class="form-control" id="caregivers" />

<input type="text" 
       ng-model="selected_caregiver.Name" 
       id="careName" 
       placeholder="{{selected_caregiver.Name}}">

小提琴:我想我明白你的意思。您应该对所选元素使用
ng选项
,而不是对选项使用
ng repeat
。然后,您可以让文本字段将
ng model
属性的
ng model
绑定到select

<select ng-model="selected_caregiver" 
        ng-options="caregiver as caregiver.Name for caregiver in info.Caregivers"
        class="form-control" id="caregivers" />

<input type="text" 
       ng-model="selected_caregiver.Name" 
       id="careName" 
       placeholder="{{selected_caregiver.Name}}">

小提琴:我想我明白你的意思。您应该对所选元素使用
ng选项
,而不是对选项使用
ng repeat
。然后,您可以让文本字段将
ng model
属性的
ng model
绑定到select

<select ng-model="selected_caregiver" 
        ng-options="caregiver as caregiver.Name for caregiver in info.Caregivers"
        class="form-control" id="caregivers" />

<input type="text" 
       ng-model="selected_caregiver.Name" 
       id="careName" 
       placeholder="{{selected_caregiver.Name}}">


小提琴:你能加把小提琴吗?我不知道怎么加。我只想知道如何将输入标记与使用ng repeat的select标记绑定。对不起,如果问题不清楚,你能加把小提琴吗?我不知道怎么加。我只想知道如何将输入标记与使用ng repeat的select标记绑定。对不起,如果问题不清楚,你能加把小提琴吗?我不知道怎么加。我只想知道如何将输入标记与使用ng repeat的select标记绑定。对不起,如果问题不清楚,你能加把小提琴吗?我不知道怎么加。我只想知道如何将输入标记与使用ng repeat的select标记绑定。如果问题不清楚,很抱歉