在angular2中的select标签内设置初始选定值

Question

我正在尝试在这样的select标签中设置初始值，但它不起作用：

<select [ngModel]="myViewModel" (change)="onViewModelChanged($event.target.value)" style="width:100%;height:30px">
    <option *ngFor="let data of myViewModel" [selected]="data.name == 'Select'" [value]="data.name">{{data.name}}</option>
</select>

Answer 1

在使用[selected]时，您无法使用ngModel。这是一个应该有效的版本：

<select [ngModel]="selectedValue" (change)="onViewModelChanged($event.target.value)" style="width:100%;height:30px">
    <option *ngFor="let data of myViewModel" [value]="data.name">{{data.name}}</option>
</select>

在您的代码中，只需设置绑定到模型的变量：

selectedValue: string = myViewModel[0].name;