使用 AngularJS 更改类

Question

我在 ASP.NET MVC 视图中有这段代码：

<div ng-repeat="it in (@source)">
            <button class="btn hvr-glow btn-success" >
                {{it.name}}
                <p ng-if="it.check==true"><i class="fa fa-check-circle-o" ng-click="it.check=false"></i></p>
                <p ng-if="it.check==false'"><i class="fa fa-circle-o" ng-click="it.check=true"></i></p>       
            </button>                               
        </div> 

source 是 ApplicationStatus 类型的对象列表，其中包含一个名为 check 的布尔字段。我想在点击时更改字体真棒图标的类型。但我没有看到图标。源已正确加载。问题出在哪里？

Answer 1

您可以为此使用ng-class。例如：

<i ng-class="{'fa fa-check-circle-o': check, 'fa fa-circle-o': !check}"

这是另一个与ng-class相关的问题

注意 - 三元运算符可能最适合您的情况

Answer 2

<div ng-repeat="it in source">
  <button class="btn hvr-glow btn-success" ng-click="it.check = !it.check">
          {{it.name}}
      <p>
        <i ng-class="{'fa fa-check-circle-o': it.check, 'fa fa-circle-o': !it.check}"></i>
      </p>
  </button>
 </div>