2017-06-18 6 views
1

角度4の選択要素のオプションを無効にする方法はありますか? 角度4のhtml-selectのオプションを動的に無効にする

私はこのような何かをしようとしたが、それは

<select type="number" [(ngModel)]="selectedItem"> 
    <option [disabled]="i.disabled" *ngFor="let i of items" [ngValue]="i.id">{{i.designator}}</option> 
</select> 

所在i.disabledはブール値が含まれている動作しません。事前

+0

[無効] = "true" –

+0

[disabled] = "true"を追加しましたが、すべてのオプションが無効になっていません。 – Muidem

+0

コードは変更なしで動作しています。あなたの配列オブジェクトはどのように見えますか? –

答えて

0

多くのおかげでそれは正常に動作し

<select type="number" [(ngModel)]="selectedItem"> 
    <option [disabled]="i.disabled" *ngFor="let i of items" [ngValue]="i.name">{{i.name}}</option> 
</select> 

DEMO

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

ここで正常に動作します。

関連する問題