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