Select - 设置禁用的选定选项以及绑定 *ngfor 选项

塔夫

我有一段代码没有按照我想要的方式运行。

基本上,我希望将“请选择团队”值作为默认选择选项出现,这样我就不必为下拉列表分配可见标签(我希望这是有道理的)。

该代码在出现团队值并出现“请选择一个团队”时运行正常,但是下拉列表选择了 *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>
用户10140546

您需要对 value 属性使用 Angular 的数据绑定。更改value="default"[value]="default"另外请务必阅读Angular 文档以了解有关数据绑定的更多信息

看看这个 stackblitz,让我知道这是否是你的预期结果

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular HTML Select选项禁用和启用

来自分类Dev

Select2搜索选项

来自分类Dev

设置Java中Select选项的值

来自分类Dev

嵌套的SELECT选项

来自分类Dev

Struts <html:select>动态设置所选选项

来自分类Dev

删除select中每个选项的禁用属性

来自分类Dev

如何设置<select>的选定选项

来自分类Dev

检查select是否显示选项

来自分类Dev

替换select2选项?

来自分类Dev

div ID与select选项匹配

来自分类Dev

设置选定的选项JQuery

来自分类Dev

使用JQuery获取SELECT的选定选项文本

来自分类Dev

根据值过滤<SELECT>选项

来自分类Dev

基于选定的广播禁用SELECT选项不适用于jquery 3.4.1

来自分类Dev

如何为Angular中的select设置选定的选项

来自分类Dev

AngularJs和<select>:删除默认的选定选项

来自分类Dev

Angular HTML Select选项禁用和启用

来自分类Dev

设置SelectElement的选定选项

来自分类Dev

将Select选项绑定到AngularJS模型

来自分类Dev

删除select中每个选项的禁用属性

来自分类Dev

如何设置<select>的选定选项

来自分类Dev

HTML <select>默认选项

来自分类Dev

如何基于选择的其他<select>选项禁用<select>选项?

来自分类Dev

设置选定的选项JQuery

来自分类Dev

如何使用带有“选定的已禁用隐藏”选项的select_tag?

来自分类Dev

如何为AngularJS设置select的默认选项?

来自分类Dev

<select> 的 jQuery .clone():更改选定的选项

来自分类Dev

Form::select 中选定选项的数组?

来自分类Dev

设置 <select> 标签的选项文本(显示给用户)