Angularjs True，false语句显示html

首先，我为这个可怕的标题道歉，但我不知道这个代码是什么性质的

我有一个用户列表

%li{"ng-repeat" => "user in users | filter:userSearch"}
  .container
    %a{"ng-click" => "followUnfollowUser(user)"}
      {{ user.isFollowed ? "Unfollow" : "Follow"}} -

在这个ng repeat中，我检查用户是否已经被当前用户跟随，

{{user.isfollow？“Unfollow”：“Follow”}

isfollowerd函数返回true或false

var isFollowed = function(userId) {

  var following = $scope.current_user.following;
  for (var i = 0; i < following.length; i++) {
    if (following[i].id == userId) {
        return true;
    }
  }
  return false;
}

但是现在，

%i.fa.fa

只是呈现为文本。所以我把它改成了html

{{ user.isFollowed ? <i class="fa fa-minus-square"></i> : <i class="fa fa-plus-square"></i>}} 

有没有办法解决这个问题，还是我应该坚持使用文本？

试试下面的代码

<i ng-show="user.isFollowed" class="fa fa-minus-square"></i>
<i ng-show="!user.isFollowed" class="fa fa-plus-square"></i>

或者您可以使用ng类表达式

<i ng-class="{fa fa-minus-square:user.isFollowed, fa fa-plus-square:!user.isFollowed}"> </i>

试试下面的方法

<i class="{{ user.isFollowed ? 'fa fa-minus-square' : 'fa fa-plus-square'}}">

---

您可以有条件地将类应用于如下图标

<i ng-class="(user.isFollowed) ? 'fa fa-minus-square' : 'fa fa-plus-square'">

<i class="{{ user.isFollowed ? 'fa fa-minus-square' : 'fa fa-plus-square'}}">

<i ng-class="(user.isFollowed) ? 'fa fa-minus-square' : 'fa fa-plus-square'">