Настройка для использования 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];
}
}