使用Select2的设置

时间:2014-07-14 18:54:52

标签: javascript angularjs ui-select2 angularjs-select2

我正在尝试使用Select2和AngularJs。 我坚持使用针对select2的ng-model指令实现双向数据绑定。此外,其他指令如ng-change也不适用于我。

我的猜测是我缺少一些将AngularJs与Select2.js绑定的初始设置。有人可以指出在AngularJs中使用select2的最低要求是什么?

<div ng-controller="sampleController">
<select id="e1" ui-select2 ng-model="select2.text" ng-change ="change()" data-placeholder="Pick a number">
    <option value=""></option>
    <option ng-repeat="number in range" value="{{number.text}}">{{number.text}}</option>
</select>    

function sampleController($scope,$timeout){
    $scope.select2={text:"",id:""};
    $scope.range=[{text:"name1", value:"id1"},
    {text:"namea2", value:"id2"},
    {text:"name3", value:"id3"}];

    $timeout(function(){
        $("#e1").select2();},10
    )

    $scope.change = function()
    {//not able to reach this function on ng-change
        $scope.select2=$scope.range[1];
    }
}

0 个答案:

没有答案