Angularjs 如何在ng repeat中添加条件?
这是我的html表格Angularjs 如何在ng repeat中添加条件?,angularjs,Angularjs,这是我的html表格 <table> <tbody> <tr class="unread" ng-repeat="CU in InboxList"> <td class="text-right mail-date">{{CU.time}}</td> </tr> <tr clas
<table>
<tbody>
<tr class="unread" ng-repeat="CU in InboxList">
<td class="text-right mail-date">{{CU.time}}</td>
</tr>
<tr class="read">
<td class="text-right mail-date">12:00 pm</td>
</tr>
</tbody>
</table>
{{CU.time}
下午12:00
在我的html表中有两个tr类,一个是
tr class=“read”
,另一个是class=“unread”
我已经绑定了tr class=“unread”
。现在我想检查一个条件,如果{cu.isread=0}
然后tr
类读取将绑定,否则tr
类未读将绑定。如何执行此操作?您可以使用以下方法实现:
。。。
您可以通过以下方式实现:
。。。
您可以执行以下操作:
<table>
<tbody>
<tr data-ng-class="{unread: cu.isread == 0, read: cu.isread !=0}" ng-repeat="CU in InboxList">
<td class="text-right mail-date">{{CU.time}}</td>
</tr>
<tr class="read">
<td class="text-right mail-date">12:00 pm</td>
</tr>
</tbody>
</table>
{{CU.time}
下午12:00
您可以执行以下操作:
<table>
<tbody>
<tr data-ng-class="{unread: cu.isread == 0, read: cu.isread !=0}" ng-repeat="CU in InboxList">
<td class="text-right mail-date">{{CU.time}}</td>
</tr>
<tr class="read">
<td class="text-right mail-date">12:00 pm</td>
</tr>
</tbody>
</table>
{{CU.time}
下午12:00
您可以使用
例如:
ng-class="(cu.isread === 0) ? 'unread' : 'read'"
您可以使用
例如:
ng-class="(cu.isread === 0) ? 'unread' : 'read'"