如何在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中添加條件？

回答

相關問題