在angular4上每n个项创建一个新行

时间:2017-10-01 19:15:14

标签: javascript html twitter-bootstrap angular typescript

如何每n个项目创建一个新的引导行?我试过*ngIf="idx % 2 === 0; else templateWithoutRow,但显然它不起作用。 有什么想法吗?

由于

1 个答案:

答案 0 :(得分:2)

尝试类似的东西,但这不是很好:

<div *ngFor="let row of items; let i = index">
  <div *ngIf=" i % 4 === 0 " class="row">
    <div *ngFor="let item of items.slice(i,i+4)"> 
       {{item}}  
    </div>
  </div>
</div>

我还没有验证代码的工作。