如何在三元條件運算符中傳遞 html 標簽

Question

我在我的 angular 項目中使用三元條件運算符，但是當我嘗試在條件內傳遞 HTML 標記時出現錯誤，如何解決它，代碼 -

{{!status.available ? 'Inactive' : 'Active'}}

這段代碼工作正常，但是當我嘗試通過時 -

{{!status.available ? '<span>Inactive</span>' : 'Active'}}

在客戶端出現此錯誤 - {{.status?available: '' 'Active'}} 我想顯示 - 僅非活動/活動

Answer 1

你可以嘗試這樣做：

<span>
{{!status.available ? 'Inactive' : 'Active'}}
</span>