内联ng-if with fa图标

Question

内联ng-if的最佳方式是什么？

<h3 ng-if="!ctrl.isSearchBoxCollapsed" class="box-title"><i class="fa fa-minus-circle"></i></h3>
<h3 ng-if="ctrl.isSearchBoxCollapsed" class="box-title"><i class="fa fa-plus-circle"></i></h3>

问候 并谢谢

Answer 1

您可以像这样使用ng-class：

<h3 class="box-title"><i class="fa" ng-class="ctrl.isSearchBoxCollapsed ? 'fa-plus-circle' : 'fa-minus-circle'"></i></h3>

我还建议您查看this，其解释了许多使用方法ng-class