überspringen Wiederholung für einige Spalten in ng-repeat

Question

I

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> 

ich geschrieben habe einen AngularJS Code für die oben eine Tabelle wie dieser mit Winkel wiederholen haben wollte wie folgt.

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

Die td mit rowspan wird mit ng-repeat wiederholt, die nicht erforderlich ist. Wie kann ich das vermeiden?

Answer 1

Haben Sie versucht, mit ng-Klasse? So etwas wie <td ng-class='{rowSpanClass: row.holidaysavings >== "$50"}

Answer 2

Wenn Sie das letzte Element td wollen nur, wenn row.holidaysavings gesetzt (Sie nicht erwähnt, aber es klingt wie es!), Können Sie ngIf verwenden.

ngIf ist ähnlich ngShow mit der Ausnahme, dass sie es aus dem DOM entfernt statt display: none der Einstellung, wenn der Ausdruck falsy ist (zum Beispiel 0 oder die leere Zeichenkette), die so klingt, was Sie wollen:

<td rowspan="2" data-ng-if="row.holidaysavings">{{row.holidaysavings}}</td>