在Angular 4中动态禁用html-select的选项

Question

有没有办法禁用 angular 4 中的 select 元素的选项？

我尝试过类似的方法，但它不起作用

<select type="number" [(ngModel)]="selectedItem">
    <option [disabled]="i.disabled" *ngFor="let i of items" [ngValue]="i.id">{{i.designator}}</option>
</select>

哪里 i.disabled 包含一个布尔值。

非常感谢

Answer 1

这里工作正常

<select type="number" [(ngModel)]="selectedItem">
    <option [disabled]="i.disabled" *ngFor="let i of items" [ngValue]="i.name">{{i.name}}</option>
</select>

DEMO

Answer 2

this.items = [{id:1,disabled:true,designator:123}];

<select type="number" [(ngModel)]="selectedItem">
              <option [disabled]="i.disabled" *ngFor="let i of items" [ngValue]="i.id">{{i.designator}}</option>
          </select>

工作正常。

在Angular 4中动态禁用html-select的选项

Dynamically disable option of html-select in Angular 4

html-select

angular