使用选择标签 angularjs 绑定输入答案

【问题标题】：Binding input with select tag angularjs使用选择标签 angularjs 绑定输入
【发布时间】：2014-07-17 18:40:53
【问题描述】：

我是网页设计的新手，我正在尝试使用 ng-model 和 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>

选择表工作正常，它只是输入框和选择没有绑定。关于如何解决这个问题的任何想法？提前致谢

编辑：

简单地说，我想知道如何使用 ng-model 或任何其他类型的数据绑定将输入标签与选择标签（使用 ng-repeat）绑定。

【问题讨论】：

你能加个小提琴吗？
我不知道该怎么做。我只想知道如何将输入标签与使用 ng-repeat 的选择标签绑定。抱歉，如果问题不清楚

标签： html angularjs angular-ngmodel

【解决方案1】：

我认为我明白你的目的。您应该对选择元素使用ng-options，而不是在选项中使用ng-repeat。然后，您可以让文本字段将ng-model 的属性的ng-model 绑定到选择。

<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}}">

小提琴：http://jsfiddle.net/fXs6e/

【讨论】：