双方向のバインドされた選択ドロップダウンでオプションが選択されていませんか？

Question

ngForを使用して、双方向バインドselectのドロップダウンを作成していますが、これは正常に動作していますが、ページがロードされていないときはoptionが選択されています。私は[selected]で試しましたが、何も起こりません...どんなタフツ？

---

コード：

<ng-container *ngFor="let attribute of details.Attributes"> 
    <tr *ngIf="attribute.IsConfigurator == 'true'"> 
     <td align="right">{{attribute.PropertyName}}</td> 
     <td> 
      <select [(ngModel)]="config[attribute.Pid]" (ngModelChange)="updateConfig()" class="form-control"> 
       <option *ngFor="let values of attribute.Values; let i = index" value="{{values.Vid}}" [selected]="i == 0">{{values.Value}}</option> 
      </select> 
     </td> 
    </tr> 
</ng-container> 

Answer 1

は私が持っているので、私は、ngModel` ``としてselected`を使用することができないngOnInit

selected : any; 
ngOnInit() { 
    this.selected = this.attribute.Values[0]; 
} 

、次いで

<select [(ngModel)]="selected " (ngModelChange)="updateConfig()" class="form-control"> 
    <option *ngFor="let values of attribute.Values; let i = index" value="{{values.Vid}}">{{values.Value}}</option> 
</select> 

Answer 2

[selected]="i == 0"はあなたがconfig[attribute.Pid]に選択したり、ngModel

values = ['a', 'b', 'c']; 
selected = 'b'; 

に特異的に結合するものは何でも表現している必要な値を割り当て [(ngModel)]="config[attribute.Pid]"

では動作しません。

<select [(ngModel)]="selected"> 
    <option *ngFor="let item of values" [value]="item">{{item}}</option> 
</select> 

は、最初にbを選択します。