Question

<table class="table table-mailbox">
  <tr ng-repeat="item in inboxItems | filter : search" 
     class="{{item.read == 'true' ? 'read' : 'unread'}}" >
  <td class="small-col"><input type="checkbox" /></td>
  <td class="small-col"><i ng-click="item.starred = !item.starred" class="{{item.starred == 'true' ? 'fa fa-star' : 'fa fa-star-o'}}"></i></td>
  <td class="name"><a href="#">{{item.from}}</a></td>
  <td class="subject"><a href="#">{{item.subject}}</a></td>
  <td class="time">{{item.time}}</td>
  </tr>                                    
</table>

在上面的代码中，我试图将item.starred的值从true更改为false，反之亦然。但当它从虚假变为真时，＆fa; fa-star-o＆＃39; fa fa-star-o＆＃39;没有分配课程。

我是angularjs的新手，请指导。

Answer 1

改为使用the ngClass directive。

<td class="small-col"><i ng-click="item.starred = !item.starred" ng-class="item.starred ? 'fa fa-star' : 'fa fa-star-o'"></i></td>

单击时更改ng-repeat项的值

1 个答案: