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在他的回答中显示。