angular2选择禁用第一个元素

Question

我有一个像这样的选择组件：

<select name="typeSelection" materialize="material_select" 
        [(ngModel)]="trainingplan.type" >
  <option [ngValue] = "null" disabled selected>Please choose a type</option>
  <option [ngValue]="type" *ngFor="let type of firebaseService.trainingTypes">
    {{type.name}}
  </option>
</select>

我想要禁用第一个选项，以便用户看到此提示。但不是这样，“trainingTypes”的第一个条目被选中。我想这是因为Angular不知道选择哪一个因为绑定可能所以它需要第一个。我该怎么办？

Answer 1

您的trainingplan.type需要设置为null但据我所知[ngValue]为null只会在下次更新后才能生效。

您需要为第一个选项选择不同的值，并将trainingplan.type设置为此值。您可以删除selected属性。