angular-ui - 在 AngularUI 中使用 ui-select2 指令操作 select2 中的列表值

Question

我正在尝试从控制器一侧设置 select2 的值。问题是当我使用 ng-options 时，模型值的变化不会反映在 select2 列表中。

html:

<div ng-controller="MyCtrl">
    <a ng-click="selected2=['B','C']">Test</a>
    <br/>
    <select ui-select2 multiple ng-model="selected2" ng-options="item for item in newArr">          
    </select>
</div>

js：

var myApp = angular.module('myApp', ['ui']);

function MyCtrl($scope) {
    $scope.newArr = ['A','B','C'];
    $scope.$watch('selected2', function(newVal,oldVal){
        console.log(newVal,oldVal);
    });
}

这是小提琴

http://jsfiddle.net/je_et/6yyqg/

Answer 1

这对我有用。尝试在控制器中添加一行来初始化 selected2。

var myApp = angular.module('myApp', ['ui']);

function MyCtrl($scope) {
    $scope.newArr = ['A','B','C'];
    $scope.selected2 = ['A'];
    $scope.$watch('selected2', function(newVal,oldVal){
        console.log(newVal,oldVal);
    });
}