ng-repeatで選択された値を取得する方法

Question

ng-repeatでui-choicesを追加していますが、コントローラで別々にui-selectから値を取得する方法がわかりません。私は$ HTTP要求を送信するためのパラメータとして使用するために、コントローラで選択した項目の値を取得したいと思います。

<div ng-repeat="repeat in repeats"> 
    <p>Selected: {{pattern.selected.name}}</p> 
    <ui-select ng-model="repeat.id"> 
<ui-select-match placeholder="Enter an pattern...">{{$select.selected.name}}</ui-select-match> 
<ui-select-choices repeat="pattern in data_pattern_newspapers track by $index"> 
    <div ng-bind-html="pattern.name | highlight: $select.search"></div> 
</ui-select-choices> 

私は私のコントローラで、以下のように代をやって欲しい：

alert($scope.repeat.id.selected) 

がどのように私は、各UI選択の私のコントローラ内のモデルにアクセスすることができますか？

マイ plnkr

いくつかの体は、私を助けてください。ありがとう！あなたのHTML内

Answer 1

各ui-selectのためのユニークなモデルを作成するためにngRepeatの$index性質を利用し、ngChange関数に$indexを渡す：あなたのコントローラで

<ui-select ng-model="selections[$index]" ng-change="selectionChanged($index)"> 

は、選択された値を保持する配列を初期化、およびこの配列を参照するために$indexを受ける上記の機能を追加します。彼らはそれらを作るよう今

$scope.selections = []; 

$scope.selectionChanged = function(idx) { 
    console.log(idx, $scope.selections[idx]); 
}; 

$scope.selectionsは彼らの選択の配列です。

デモ：repeat.id` `上http://plnkr.co/edit/NSK3UmelATopV0Juw8BV?p=preview