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

Question

有没有办法禁用 Angular 4 中选择元素的选项？

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

<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>

演示版