Angular 使用[(ngModel)]生成选择菜单,而不使用*ngFor

Angular 使用[(ngModel)]生成选择菜单,而不使用*ngFor,angular,typescript,Angular,Typescript,今天,我花了大约3个小时试图让一个选择菜单在不重复列表的情况下工作: <select [(ngModel)]="selectedValue"> <option [ngValue]="value1">First Value</option> <option [ngValue]="value2">Second Value</option> </select> 但是所有的值都没有定义。。。有什么想法吗?问题是NgValu

今天,我花了大约3个小时试图让一个选择菜单在不重复列表的情况下工作:

<select [(ngModel)]="selectedValue">
  <option [ngValue]="value1">First Value</option>
  <option [ngValue]="value2">Second Value</option>
</select>
但是所有的值都没有定义。。。有什么想法吗?

问题是NgValue指令正在组件中查找名为value1和value2的变量,但它们没有定义,因此每个选项的值都没有定义。如果希望值为字符串,只需添加:


您试图通过ngValue将组件成员变量value1和value2绑定到选项。我认为您忘记在组件代码中定义它们,如:

public value1 = 'value1';
您也可以进行简单的字符串赋值,如:

<option ngValue="value1"></option>
组件类中value1和value2的值是什么?你能给我一个掌心吗?我就是这么做的
<option ngValue="value1"></option>