ケースは次のとおりです。
ページの読み込み時に約 20 個の要求 (エンティティ) 項目を読み込み、スクロール ダウン (つまり、無限スクロール) でさらに 20 個を読み込みます。
各リクエストには、ステータスを含む選択ドロップダウンとマネージャーを含む別の選択があるため、ユーザーはマネージャーとステータスを選択し、ajax を介してリクエストを更新できます。ページが更新されると、更新されたリクエストのステータスとマネージャーのドロップダウンが適切な値で選択されます。
angular は、選択を設定するための ngOptions ソリューションを提供しますが、このページでこれらすべての選択に対して ngModel を整理する方法がわかりません。
<div class="request" ng-repeat="request in page.requests">
{{request.created}}
{{request.title}}
//etc..
//here we have selects
<select class="managersSelect">
<option value="">choose manager</option>
<option
ng-repeat="manager in page.managers"
ng-selected="request.manager_id == manager.id"
value="{{manager.id}}">{{manager.name}}
</option>
</select>
//and second one
<select class="statusesSelect">
<option
ng-repeat="status in page.statuses"
ng-selected="request.status == status.id"
value="{{status.id}}">{{status.title}}
</option>
</select>
</div>
現在、ng-repeat と ng-selected の組み合わせを使用して問題を解決していますが、推奨される ng-options の方法を実装するために ng-model を整理するにはどうすればよいですか?