Angular4 Wenden Sie mehrere Attribute auf einzelne Bedingung auf einem HTML-Element

Question

Ich möchte ein Optionsfeld überprüft und Readonlyly, wenn eine Bedingung erfüllt ist. Es gibt viele Variablen, die ich überprüfen muss. Das ist mein Code, data und rated_data sind zwei Arrays.

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

Was ich will, ist so etwas wie dieses:

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

Ist das möglich ..?

Answer 1

Sie können eine fonction verwenden:

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>