Skip lặp lại cho một số cột trong ng-lặp lại

Question

tôi muốn có một bảng như thế này sử dụng lặp lại góc

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> 

Tôi đã viết một mã Angularjs cho ở trên như sau.

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

Td với rowpan được lặp lại bằng cách sử dụng ng-lặp lại không bắt buộc. Làm cách nào để tránh điều này?

Answer 1

Bạn đã thử sử dụng ng-class chưa? Một cái gì đó như <td ng-class='{rowSpanClass: row.holidaysavings >== "$50"}

Answer 2

Nếu bạn muốn td yếu tố cuối cùng chỉ khi row.holidaysavings được thiết lập (bạn không đề cập đến nó, nhưng có vẻ như nó!), Bạn có thể sử dụng ngIf.

ngIf cũng tương tự như ngShow với ngoại lệ mà nó loại bỏ nó từ DOM thay vì thiết display: none nếu biểu thức là falsy (ví dụ 0 hoặc chuỗi rỗng), mà âm thanh như những gì bạn muốn:

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