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

Question

有没有办法禁用角度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>

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

工作正常。