2016-04-18 8 views
1

リスト内の特定の項目をmd-selectオプショングループの選択値に設定するにはどうすればよいですか?角度材料md selectオプショングループデフォルトの選択値

例えば、私がページを読み込むと、私はアリスとスティーブがすでにチェックされて見たいと思っています。私は値を入れてモデルを設定しようとしましたが動作しません。

$scope.users = [ 
     { id: 1, name: 'Bob' }, 
     { id: 2, name: 'Alice' }, 
     { id: 3, name: 'Steve' } ]; 

$scope.selectedUser = [{ id: 2, name: 'Alice' },{id: 3,name:'Steve'}]; 

<md-input-container> 
    <label>Users</label> 
    <md-select ng-model="selectedUser" multiple=""> 
     <md-optgroup label="Users"> 
     <md-option ng-value="user" ng-repeat="user in users">{$ user.name $}</md-option> 
     </md-optgroup> 
     </md-select> 
</md-input-container> 

enter image description here

乾杯!

答えて

2

ng-selectedを使用できます。 残念ながら、ng-selectedは機能しないようです。したがって、三項演算子を使用する必要があります。 ng-model-optionsを使用して

<md-option ng-value="user" ng-repeat="user in users" ng-selected="user.name === 'Bob' ? true : (user.name === 'Alice' ? true : false)">{{ user.name }}</md-option> 

PLUNKER

+1

'NG-選択= "user.name == 'ボブ|| user.name =='アリス"'も動作します:だからあなたのMDは、選択あなたはこのように見えます。 – DieuNQ

+0

これが動作します、ありがとう! – Binsoi

+1

うれしい私は助けることができました。しかしまた、C14Lの答えを見てください。私はそのトラックを認識していませんでした.NGモデルによるファンクショナルビリティと、それはより明確な懸念の分離です – jowey

4

(ページの最後の例を参照)。

<md-select ng-model="selectedUser" multiple="" 
      ng-model-options="{trackBy: '$value.id'}"> 

Plunker example

関連する問題