Question

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

                <!-- 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或任何其他类型的数据绑定将输入标记与select标记（使用ng-repeat）绑定。

Answer 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/

使用选择标记angularjs绑定输入

1 个答案: