有一个select基于任何数组的。数组中的元素可能会更改。如何获得角度控制器来刷新阵列?
select
var langMod = angular.module('langMod',[]); langMod.controller(.controller('colorCntl',function($ scope){ $ scope.color ='wt'; $ scope.colorArr = [ {id:'br',名称:'brown'}, {id:'wt',名称:'white'} ]; });
<form ng-controller ='wordCntl'> <在colorArr中选择ng-model =“ color” ng-options =“ c.id作为c的c.name”> <option value =''>-选择颜色-</ option> &lt /选择> </ form>
>作用域= angular.element(document.querySelector('select'))。scope(); > scope.colorArr.push({id:'bk',name:'black'}); 3 注意!选择下拉菜单仍然只有棕色和白色,没有黑色
如何select刷新以使其中的所有元素colorArr都是选项?
colorArr
Angular使用watchers,并且只有在摘要循环开始后才会更新UI 。
通常,您将通过UI中的某个事件或调用$ http服务将数组添加到数组中,而这些将为您启动$ digest()。
由于您只是直接添加到数组,因此Angular不知道任何更改,因此不会更新UI。
将您的语句换成a scope.$apply(function(){ //code });。
scope.$apply(function(){ //code });