选择选项ng-repeat在模型更改后未更新

时间:2015-11-26 05:10:54

标签: angularjs

我有以下html下拉。

<select id="selection">
<option value="{{n}}" ng-repeat="n in selections">{{n}}</option>
</select>

其中selections是strings的数组,数组位于我的angularJS控制器中。 选择选项的初始数据是正确的,但是当通过分配为[]来更新阵列然后推入一些新数据时,选择选项不会相应地更新。

这有解决方法吗?

1 个答案:

答案 0 :(得分:1)

Sample controller:
app.controller('MainCtrl', function($scope) {
   $scope.items = [
     { id: 1, name: 'foo' },
     { id: 2, name: 'bar' },
     { id: 3, name: 'blah' }
   ];
});

html - 
<select ng-model="selectedItem" ng-options="item as item.name for item in items"></select>

使用ng-options代替ng-repeat。