Angular 2 RC1 - 選擇默認選項

Question

all！我有這個...

<select #sel [(ngModel)]="sort"> 
     <option *ngFor="let xOptions of sortOptions">{{xOptions}} </option> 
    </select> 

與此代碼：

sortOptions = ["Op1", "Op2"]; 

如何設置默認爲Op2中？

它不工作：this.sort =「Op2」; 我看到一些文件說，設置模型。也許在RC1中有所改變？ ty！

Answer 1

自從2.0.0-beta.14對象可以綁定到使用ngValue（https://github.com/angular/angular/blob/master/CHANGELOG.md#user-content-200-beta14-2016-04-07），所以嘗試添加[ngValue]="xOptions"這樣的：

<select [(ngModel)]="sort"> 
    <option *ngFor="let xOptions of sortOptions" [ngValue]="xOptions">{{xOptions}}</option> 
</select> 

參見plunker https://plnkr.co/edit/vLSiuQKQNbwFkIQ70j81?p=preview

Answer 2

可以使用ng-model如果您將數據綁定到@model的下拉列表中。或者可以使用ng-selected

Answer 3

由於sortOptions是原始值的陣列，可以綁定到每個option元件的value屬性：

<select [(ngModel)]="sort"> 
    <option [value]="sortOption" *ngFor="let sortOption of sortOptions">{{xOptions}}</option> 
</select> 

export class MyComponent { 
    sortOptions = ["Op1", "Op2"]; 
    sort = "Opt2"; // or, sort = this.sortOptions[1]; 
    ... 
} 

---

如果sortOptions包含在然後使用ngValue將每個對象綁定到每個對象option元素，@yurzui在他的回答中顯示。