我发现了一些看起来像是虫子的东西,但也许我只是遗漏了什么.当我使用‘[Value]=nrSelect’时,只要我没有使用ngFor填充<select>
,它就可以工作.例如,我放了两个下拉菜单,一个有ngor,一个没有:
<select [value]='nrSelect' class='form-control'>
<option value='A'>A</option>
<option value='B'>B</option>
<option value='C'>C</option>
</select>
<br/>
<select [value]='nrSelect' class='form-control'>
<option *ngFor="let option of options" [value]='option.value'>{{option.label}}</option>
</select>
并在.ts文件中 Select 选项"B":
export class AppComponent {
title = 'angular-tour-of-heroes';
options = [
{ label: "A", value: "A" },
{ label: "B", value: "B" },
{ label: "C", value: "C" },
];
nrSelect = "B";
}
这将在加载时生成以下内容:
我本以为两个人都会 Select 选项"B",但只有一个没有ngfor的选项可以工作.我的Angular 版本是13.1.4.如果我使用[(ngModel)]=nrSelect
,两个下拉菜单都可以,但我想知道为什么[value]=nrSelect
不起作用.
为什么-这是一个真正的错误,还是我做得不对?