Select2はバインドされていません

Question

私の角型アプリケーションでSelect2を使用しようとしていますが、バインディングに問題があります。私がバインドするIdの配列を持つモデルがあります。デフォルト（Select2なし）を使用するとうまく動作しますが、select2を使用するとすぐにバインディングが失われます。

cultureIdsを表示する前セクションを追加しました。ご覧のとおり、更新されません。 .select2（）関数を呼び出さないと、適切にバインドされます。

私はオプションタグでng-repeatを実行しようとしましたが、同じ結果が得られました。私は私の問題を実証するためjsFiddleを含めました

<select class="Select2" 
     ng-model="region.cultureIds" 
     multiple="multiple" 
     ng-options="culture.id as culture.displayName for culture in cultures"> 
</select> 
<pre>{{region.cultureIds | json}}</pre> 

：問題の原因となるHTML以下

。 http://jsfiddle.net/gymagmor/

Answer 1

buh-buhによって提案されたように、私はこれを "select2：select"イベントにバインドして処理し、データを処理してからダイジェストをトリガーすることができました。

Answer 2

申し訳ありませんが、私はこの質問に答えませんが、jquery select2を使用し、ネイティブ角度バージョンを使用しないように助言したいと思います。

あなたはAngularJSアプリケーションを書いているので、JQueryのやり方ではなく、angularjsのやり方を試してみてください。

チェックこの、最高のUI選択angularjsのため、私は複数のプロジェクトでそれを使用してきた、それは素晴らしいことだ：

https://github.com/angular-ui/ui-select

あなたは、コントローラおよび/または範囲とせずに、すべてを続けるだろう。この道をどのDOM操作でもselectから値を使用できるようになります。これはマルチセレクションもサポートしています。

そして、私たちはこの1つをチェックし、ものを推薦でいる間、それは、トッドモットーAngularJSスタイルガイドラインのオンライン事実上の最高AngularJSのガイドライン（プラスそれはあなたの角度のビットを用意しております）：

https://github.com/toddmotto/angularjs-styleguide