Angular-js：ng-modelが検索可能なドロップダウンで機能しない

Question

このライブラリ（https://select2.github.io/）を使用して検索可能なドロップダウンを実装しましたが、その動作は問題ありませんが、ボタンをクリックするとng-model値を取得できません。

<select ng-model="destination_name" class="js-example-basic-single form-control" > 
         <option selected disabled>Choose</option> 
         <?php foreach ($all_dest as $value): ?> 
          <option value="<?=$value->id?>"><?=$value->destination_name?></option> 
          <?php endforeach; ?> 
        </select> 
<input type="button" ng-click="addDest(destination_name)" value="{{btnTxt}}" name="add" class="btn btn-primary pull-right"/> 

検索ドロップダウンのためのjQuery

$(document).ready(function() { 
     $(".js-example-basic-single").select2(); 
    }); 

角度JSコード

$scope.addDest=function (value) { 
     alert(value); 

} 

ここaddDestボタンがある場合、ドロップダウンメニューで選択した値を渡す機能でありますクリックして を取得しますアイテムが選択されていても。

NOTE

私はjquery一部を隠したときに、それは私がng-model値を取得します検索可能なドロップダウンメニューを提供します。 jqueryの部分の問題だと思います。

Answer 1

ベストソリューション - お客様の選択ではなくhttps://github.com/angular-ui/ui-selectを使用してください。

次のソリューション - SELECT2変更イベントに

$scope.$apply(); 

を経由して選択してラッパーディレクティブと同期範囲を書きます。