对ng-repeat中的某些列跳过重复

Ron*_*Roy 6 html5 json angularjs

我希望使用角度重复这样的表

HTML

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
    <th>Savings for holiday!</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
    <td rowspan="2">$50</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>

  <tr>
    <td>January</td>
    <td>$100</td>
    <td rowspan="2">$50</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

我已经为上面写了一个Angularjs代码,如下所示.

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
    <th>Savings for holiday!</th>
  </tr>
  <tr ng-repeat="row in rows">
    <td>{{row.month}}</td>
    <td>{{row.savings}}</td>
    <td rowspan="2">{{row.holidaysavings}}</td>      
  </tr> 
</table>
Run Code Online (Sandbox Code Playgroud)

使用ng-repeat重复具有rowspan的td,这不是必需的.我怎么能避免这个?

小智 0

您尝试过使用 ng-class 吗?就像是<td ng-class='{rowSpanClass: row.holidaysavings >== "$50"}