양방향 바인드 선택 드롭 다운에서 옵션을 선택하지 않았습니까?

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

ngOnInit

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

에 구성 요소 내부의 ngModel 값을 설정

내가이 있기 때문에 다음

<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"는 어떤 표현이 ngModel

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

에 결합 당신이 config[attribute.Pid]에 선택한 원하는 값 또는 지정 [(ngModel)]="config[attribute.Pid]"

작동하지 않습니다

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

은 처음에 b이 선택됩니다.