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

Question

我有一段代码不符合我想要的方式。

基本上，我希望将“请选择一个团队”的值作为默认选择的选项，因此我不必为下拉菜单分配可见的标签（我希望这是有道理的）。

只要显示团队值并显示“请选择一个团队”，代码就可以正常工作，但是下拉列表选择* 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>

Answer 1

disabled不能同时为selected。选择一个。

Answer 2

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

看看this stackblitz，让我知道这是否是您的预期结果