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

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>

工作正常。