角度檢查模板內是否存在屬性

Question

我有一個HTML表格，其行由ngFor循環生成。如果滿足某些條件，我需要向這些表格單元添加一個類。

問題是我需要檢查一個屬性的值是否爲空，並查看屬性是否屬性甚至存在於第一位。

<tbody> 
<tr *ngFor="let e of (modalData.compareData | filter: filterString)"> 
    <td [class.success]="e.NewRuleVersionID === ''">{{ (e.OldRuleVersionID ? e.OldRuleVersionID : 'New') }}</td> 
    <td [class.success]="e.NewRuleVersionID === ''">{{ (e.OldOutcome ? e.OldOutcome : 'New') }}</td> 
    <td [class.danger]="e.OldRuleVersionID === ''">{{ (e.NewRuleVersionID ? e.NewRuleVersionID : 'Removed') }}</td> 
    <td [class.danger]="e.OldRuleVersionID === ''">{{ (e.NewOutcome ? e.NewOutcome : 'Removed') }}</td> 
</tr> 
</tbody> 

在上面的代碼中，如果該值不存在，我將向這些單元添加一個類。但是，有些記錄中該屬性根本不存在。這可以在模板中內聯檢查，以便我可以解釋它嗎？

Answer 1

你可以檢查

[class.success]="e?.NewRuleVersionID?.length >= 0" 

---

你也可以移動模板代碼組件。

[class.success]="checkProp(e?.NewRuleVersionID)" 

代碼

checkProp(value){ 
    return value && value.length > 0; 
}