Angular4在html元素的单个条件上应用多个属性答案

【问题标题】：Angular4 apply multiple attribute on single condition on an html elementAngular4在html元素的单个条件上应用多个属性
【发布时间】：2017-12-22 08:13:32
【问题描述】：

如果满足条件，我希望选中一个单选按钮并且只读。我需要检查许多变量。这是我的代码， data 和 rated_data 是两个数组。

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

我想要的是这样的：

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

这可能吗..？

【问题讨论】：

标签： angular angular4-forms

【解决方案1】：

你可以使用一个函数：

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>

【讨论】：