带有html

Question

如何在三元运算符中包含html？

{{ (q.result === 1) ? "<i class="fa fa-check" aria-hidden="true"></i>" ? "<i class="fa fa-times" aria-hidden="true"></i>" }}

如果不可能，我想明显的选择是用<div ng-if="result">HTML</div>和<div ng-if="!result">OTHER HTML</div>

做两个包裹元素块

Answer 1

您可以使用ng-class来完成您想要的任务。它实际上支持三元运算符

<i class="fa" aria-hidden="true" ng-class"(q.result === 1) ? 'fa-check' : 'fa-times'"></i>

Answer 2

如果您要更改课程，请使用条件ng-class。

<i ng-class="q.result===1 ? 'fa fa-check' : 'fa fa-times' " aria-hidden="true">