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

时间:2013-03-26 09:21:35

标签: angular-ui jquery-select2

我正在尝试从控制器旁边设置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/

1 个答案:

答案 0 :(得分: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);
    });
}