Angular4 HTML要素の単一条件に複数の属性を適用する

Question

条件が満たされている場合は、ラジオボタンをオンにして読み取り専用にします。 私はチェックする必要がある多くの変数があります。 これは私のコードです dataとrated_dataは2つの配列です。

<input type = "radio" value = "5" [checked][disabled] = "rated_data[i]!== undefined && rated_data[i].spr_psf_master_id !== undefined && rated_data[i].spr_psf_master_id == data.psf_master_id && 5 == rated_data[i].spr_review" formControlName = "{{data.psf_master_id}}" ngModel required> 

が、このことが可能です..：

<input type = "radio" value = "5" [checked] = "rated_data[i]!== undefined && rated_data[i].spr_psf_master_id !== undefined && rated_data[i].spr_psf_master_id == data.psf_master_id && 5 == rated_data[i].spr_review" formControlName = "{{data.psf_master_id}}" ngModel required> 

このようなものは何が欲しいのですか？

Answer 1

あなたがfonction使用することができます。

isCheckedAndDisabled(i: number) { 
    return this.rated_data[i]!== undefined && 
    this.rated_data[i].spr_psf_master_id !== undefined && 
    this.rated_data[i].spr_psf_master_id == data.psf_master_id && 
    5 == this.rated_data[i].spr_review; 
} 


<input type = "radio" value = "5" [checked]="isCheckedAndDisabled(i)" [disabled]="isCheckedAndDisabled(i)" formControlName = "{{data.psf_master_id}}" ngModel required> 

を