如何在三元条件运算符中传递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>