Angular 2设置选择的开始值[重复]

Question

这是我的选择代码：

   <select class="form-control" [(ngModel)]="selectedPrototypeSelector" (ngModelChange)="onPrototypeChange()">
       <option *ngFor="#p of prototypes" [value]="p.selector">
             {{ p.selectorName }}
       </option>
   </select>

如何为这个 select option 设置标准开始值我想我必须设置这个变量：

 selectedPrototypeSelector: string;

对此：selectedPrototypeSelector: string = "Test";

但是"Test" 没有在选择框中首先显示开始值为空，我该如何设置例如：选择您的选项。

这里是PLUNKER，

正如你所见，当我设置值 p.selector 时，选择框是空的，第二次选择时我设置 constraint 的值也是如此：

 <select class="form-control" [(ngModel)]="expression.constraint">
     <option *ngFor="#constraint of prototype.constraints" [value]="constraint">
         {{ constraint }}
     </option>
 </select>

我想将每个选择框的开始值设置为静态string = "Select an option";

Answer 1

它应该可以正常工作，请参阅plunkr。您要么在 p.selector 中有非字符串值，要么是拼写错误 -> [value]="p.selectorName"。

Answer 2

这适用于ngValue

<select class="form-control" [(ngModel)]="selectedPrototypeSelector" (ngModelChange)="onPrototypeChange()">
   <option *ngFor="let p of prototypes" [ngValue]="p">
         {{ p.id }}
   </option>
</select>    

只需将selectedPrototypeSelector 设置为您想要选择的值。

Plunker example