http://plnkr.co/edit/AQl49R?p=previewでプランカーを作成しました。これは、私が抱えている問題を示しています。
「開く」をクリックすると、モーダルウィンドウが起動します。「xx」をクリックすると、select2 選択ボックスで選択されている要素の ID が表示されます。select2 で選択した要素を変更します。画面上では更新されますが、「xx」をクリックすると新しいIDを表示するように更新されていないようです。私にはスコーピングの問題のように見えますが、他に何をする必要があるのか わかりません。
Select2 は独自のスコープを作成しているため、アイテムを選択すると、select2 の にのみ影響し $scope.chosenItemます。
あなたがする必要があるのは、を保持するためのハッシュ/オブジェクトを作成することですchosenItem:
app.js で:
$scope.foo = {};
$scope.foo.chosenItem = { id: 3, text: "bamboo" };
index.html で:
<input type="hidden" ui-select2="select2ConfigCustomer" ng-model="foo.chosenItem">
子スコープは、親のスコープ変数を直接変更することはできませんが、ハッシュ/オブジェクト内の値を変更できます。