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

这里是我的HTML表格如何在ng-repeat中添加条件？

<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"。现在我想检验一个条件，如果{{cu.isread=0}}然后tr类阅读否则会绑定tr类未读会bind.how要做到这一点？

来源

2016-07-04 Santanu Bhattacharjee

您可以用ng-class

例做到这一点：

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

来源

2016-07-04 11:26:01 Matheno

这是100％的工作代码。 –

可以使用ng-class实现这一目标：

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

来源

2016-07-04 11:25:16

你可以做这样的事情：

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

来源

2016-07-04 11:25:41

此代码也在工作 –

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

回答

相关问题