使用带有Select2的ng-model不会更新模型值

Question

我正在为select2使用角度ng-model进行数据绑定。                            {{number.text}}     

<select id="e2" ui-select2 ng-model="select2.text" data-placeholder="Pick a number">
    <option value=""></option>
    <option ng-repeat="number in range" value="{{number.text}}">{{number.text}}</option>
</select>
</div>

我在这里遇到两个问题： 1）ng-change似乎不起作用，因此我不得不使用document.getElementByID .. 2）select2.text的值未在此处更新

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
)
document.getElementById("e1").onchange = function(){
    $scope.select2.id = "selected";
}
}