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，但据我所知，带有null 的[ngValue] 只能在下一次更新后使用。

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