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