Angularjs 如何在ng repeat中添加条件?

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

这是我的html表格

<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'"