角度2 * ngFor

Question

内の各2つの項目の後に

---

を追加Iオブジェクトを介して、次のngForコードのループを持っています。

私は次のような出力が何かを得るために、すべての2個の <a>タグ（ただし、最後の2の後）後 <hr>を表示したい

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

：

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