在Angular 4中动态禁用html选择选项

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> 

工作的罚款。