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

时间:2016-07-04 11:21:57

标签: angularjs

这是我的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>

这里在我的html表中有两个tr类,一个是tr class="read",另一个是class="unread"我已经绑定了tr class="unread"。现在我想检查条件{{1}然后{{cu.isread=0}}类读取将绑定tr类未读将tr执行此操作?

3 个答案:

答案 0 :(得分:1)

您可以使用ng-class

实现此目的
<tr ng-class="{'read' : cu.isread === 0, 'unread': cu.isread !== 0}">...</tr>

答案 1 :(得分:1)

您可以这样做:

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

答案 2 :(得分:1)

您可以使用 ng-class

执行此操作

示例:

ng-class="(cu.isread === 0)  ? 'unread' : 'read'"