添加<hr>在Angular 2中的每兩個項目後* ngFor

Question

我有以下ngFor代碼循環通過一個對象。

<a *ngFor="let pictures of picturesData" href=""> 
    <img [src]="pictures.img" alt=""> 
</a> 

我想顯示每2個<a>標籤後<hr>（而不是等到最後2）爲了得到類似以下的輸出的東西：

<a href=""><img /></a> 
<a href=""><img /></a> 

<hr> 

<a href=""><img /></a> 
<a href=""><img /></a> 

<hr> 

<a href=""><img /></a> 
<a href=""><img /></a> 

我該怎麼做？請幫幫我。

Answer 1

使用ngFor的odd財產和ng-container

<ng-container *ngFor="let pictures of picturesData; let odd=odd"> 
    <a href=""> 
    <img [src]="pictures.img" alt=""> 
    </a> 
    <hr *ngIf='odd'> 
</ng-container>