Atla tekrar

Question

Bunu kullanarak açısal tekrarı

HTML aşağıdaki gibi yukarıdaki için bir angularjs kod yazdım

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

gibi bir tablo olmasını istedik ng-tekrarlayın.

Rowsp'li td gerekli olmayan ng-yinelemeyle tekrarlanır. Bunu nasıl önleyebilirim?

Answer 1

ng-class kullanmayı denediniz mi? Eğer row.holidaysavings (eğer söz etmedi, ama öyle gibi!) ayarlandığında yalnızca son td eleman istiyorsanız <td ng-class='{rowSpanClass: row.holidaysavings >== "$50"}

Answer 2

gibi bir şey, sen ngIf kullanabilirsiniz.

ngIf

ifade falsy ise yerine display: none ayar DOM çıkarır olması haricinde ngShow benzer istediğini gibi geliyor (örneğin, 0 veya boş dize için):

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