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>

使用AngularJS更改类

2 个答案: