Angular 2设置select的开始值

时间:2016-04-19 15:39:31

标签: typescript angular

这是我的选择代码:

   <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";

2 个答案:

答案 0 :(得分:1)

这适用于ngValue

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

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

Plunker example

答案 1 :(得分:1)

它应该可以正常工作,请参阅plunkr。您在fp = fopen("somenumbers.txt", "r"); if(fp == NULL) { //Tell the user an error occured. return 1; } 中有非字符串值,或者是拼写错误 - &gt; p.selector