在Angular 2*ngFor中的每两项之后添加<hr>

Question

我有以下ngFor代码循环通过Object.

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

我希望<hr>在每2个<a>标签后显示一个(但不是在最后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>