Настройка для использования Select2

Я пытаюсь использовать Select2 вместе с AngularJs. Я застрял в достижении двустороннего связывания данных с использованием директивы ng-model для select2. Также другие директивы, такие как ng-change, также не работают для меня.

Я предполагаю, что мне не хватает какой-то начальной настройки, которая связывает AngularJs с Select2.js. Может кто-нибудь указать, какое минимальное требование для использования select2 в AngularJs?

<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 ответов

Другие вопросы по тегам