Question

我有一个包含多个选择字段的表单，这些字段由后端定义并由Angular呈现。

这是用于渲染它们的HTML剪辑：

        <div ng-repeat="area in areas">
            <label>{{area.areaName}} :</label>
            <select class="form-control" ng-model="area[area.areaId]" ng-options="x for x in preferences">
            </select>
        </div>

所有选择框都正确呈现，但我是否正确使用了ng-model？

当我尝试用它测试时：

<p>Area 1 {{area[1]}}</p>

当我选择一个值时，显示不会更新，但我希望它能反映出新的选择。

Answer 1

尝试其中一项，显示将更新

<div ng-repeat="area in areas">
            <label>{{area.areaName}} :</label>
            <select class="form-control" ng-model="area[$index]" ng-options="x for x in preferences">
            </select>
        </div>

OR

<div ng-repeat="area in areas">
            <label>{{area.areaName}} :</label>
            <select class="form-control" ng-model="area" ng-options="x for x in preferences">
            </select>
        </div>

AngularJS ng-model数组

1 个答案: