javascript - Select2 で ng-model を使用してもモデル値が更新されない

Question

データ バインディングの select2 に angular ng-model を使用しています。{{数値.テキスト}}

<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>

ここで 2 つの問題に直面しています: 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";
}
}