默认情况下在下拉菜单中显示第一个值

Question

我创建了一个下拉菜单，我想在下拉菜单中默认显示第一个值。

<select > 
          <option let i = index;" [selected]="i===0" >{{role.name}}</option>
          </select>  

但此代码不起作用。 当我删除时，这一次我可以在下拉菜单中看到默认的第一个值。

Answer 1

由于您使用的是[(ngModel)]，如果您在roleVal 中没有任何值，则不会选择任何内容。你可以通过给它一个初始值来解决这个问题：

roleVal = this.addwrkfrcePopUpMdl.userRole[0].name

这意味着您可以完全删除[selected]。