選択にオブジェクトを割り当てる

Question

範囲全体を繰り返し、各インデックスに対して新しい選択オプションを設定しています。オプションは、反復処理中の範囲には関係しませんが、異なる種類のオプションがあります。コードは次のようになります：

<div ng-repeat="i in range(booking.numberOfRooms) track by $index"> 
    <p>Room {{$index + 1}}</p> 
    <select ng-model="booking.roomSelection[$index]" ng-options="obj.roomType as obj.roomType for obj in roomTypes" ng-init="booking.roomSelection[$index] = { id: $index + 1, roomType: 'Double' }"> </select> 
</div> 

ng-model（ng-initのようなもの）にオブジェクト配列を割り当てる方法はありますか？例えば。二つの部屋のために、NG-モデルの結果のようなものになります。単にあなたのbooking.roomSelectionに特異的に結合する

booking.roomSelection = [{id: 1, roomSelection: 'Double'}, {id: 2, roomSelection: 'Double'}] 

Answer 1

はNG-model属性に変更する必要があったことが判明する：booking.roomSelection[$index].roomType

オブジェクト配列もなければなりませんコントローラーで宣言されています。 $scope.booking.roomSelection = [];

フル宣言ビーイング：これはNG-モデルにプッシュしない

<div ng-repeat="i in range(booking.numberOfRooms) track by $index"> 
    <p>Room {{$index + 1}}</p> 
    <select ng-model="booking.roomSelection[$index].roomType" ng-options="obj.roomType as obj.roomType for obj in roomTypes" ng-init="booking.roomSelection[$index] = { id: $index + 1, roomType: 'Double' }"></select> 
</div> 

Answer 2

をし、次の2つのオプションを選択します.IF ng-initを削除し、その値がbooking.roomSelectionとbooking.roomSelectionにpushedになります配列

<select multiple ng-model="booking.roomSelection" ng-options="obj.roomType as obj.roomType for obj in roomTypes"></select>