javascript - Angular 4设置下拉列表中的选定选项

Question

有几个关于这个的问题和不同的答案，但没有一个真正回答这个问题。再说一遍:

在我的情况下，按值设置下拉选择的默认值不起作用。为什么？这是来自 Angular 4 的动态表单教程:

<select [id]="question.key" [formControlName]="question.key">
      <option *ngFor="let opt of question.options" [value]="opt.key" [selected]="opt.selected">{{opt.selected+opt.value}}</option>
</select>

它没有选择任何东西。可用的选项是:

• 真的
• 假的
• 伪造

但静态为真:

<option ... [selected]="true">...</option>

选择最后一个值(全部为真)。它还适用于私有(private)变量 boolvar = true 并在 [selected]="boolvar"

中使用它

我不明白“opt”对象和类变量之间的区别。

Answer 1

如果你想根据真/假使用选择一个值

[selected]="opt.selected == true"

 <option *ngFor="let opt of question.options" [value]="opt.key" [selected]="opt.selected == true">{{opt.selected+opt.value}}</option>

checkout

Angular 2 - Setting selected value on dropdown list