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

工作的罰款。