ng-repeat不更新阵列更新 - Angular Chosen

时间:2016-08-10 10:52:55

标签: angularjs angularjs-ng-repeat angular-chosen

我有一个选择框,我已经应用了角度选择。以下是完整的HTML

<body ng-app="myApp">
     <div ng-controller="mainController">
        <div ng-init="init()">
            <select id="selectid1" name="selectid1" ng-model="angularselect" chosen>
               <option value=""></option>
               <option ng-repeat="report in reportValuesOptions" value="{{report['value']}}">{{report['name']}}</option>
            </select> Value : {{angularselect}}
       </div>
       <input type="button" ng-click="addreport()" value="Add Report" />
    </div>
</body>

选择框将从控制器范围$scope.reportValuesOptions = [];

中的数组填充

init加载时调用div函数来设置select框中的默认值

 $scope.init = function()
  {
    $scope.reportValuesOptions.length = 0;
    $scope.reportValuesOptions.push({'name':'Previous day compasite','value':'previousdaycomposite'});
  $scope.reportValuesOptions.push({'name':'ACH Customer Activity','value':'achcustomeractivity'});
  }

HTML中有一个button,当点击添加数组addReport

中的值时会调用$scope.reportValuesOptions函数

但点击此button时,添加到数组的值不会反映在select框中。这些值也应该select框作为option

FULL EXAMPLE

0 个答案:

没有答案