我有一段代码没有按照我想要的方式运行。
基本上,我希望将“请选择团队”值作为默认选择选项出现,这样我就不必为下拉列表分配可见标签(我希望这是有道理的)。
该代码在出现团队值并出现“请选择一个团队”时运行正常,但是下拉列表选择了 *ngfor 选项的第一个元素,而不是“请选择一个团队”选项
任何人都可以对此有所了解吗?我对 Angular 很陌生,所以要温柔。
<label for="team" class="sr-only">Team </label>
<select [(ngModel)]="model" autocomplete="off" required>
<option value="default" disabled selected>Please select a
Team</option>
<option *ngFor="let team of teams" [value]="team.name"> {{team.name}}</option>
</select>
您需要对 value 属性使用 Angular 的数据绑定。更改value="default"
为[value]="default"
。另外请务必阅读此Angular 文档以了解有关数据绑定的更多信息
看看这个 stackblitz,让我知道这是否是你的预期结果
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句