Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在angular4上每隔n个项目创建一行_Javascript_Html_Twitter Bootstrap_Angular_Typescript - Fatal编程技术网

Javascript 在angular4上每隔n个项目创建一行

Javascript 在angular4上每隔n个项目创建一行,javascript,html,twitter-bootstrap,angular,typescript,Javascript,Html,Twitter Bootstrap,Angular,Typescript,如何每隔n个项目创建一个新的引导行?我尝试了*ngIf=“idx%2==0;else templateWithoutRow,但显然它不起作用。 有什么想法吗 谢谢尝试一下这样的方法,但这并不是很好: <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

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


谢谢

尝试一下这样的方法,但这并不是很好:

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

{{item}}

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

尝试类似的方法,但这不是很好:

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

{{item}}
我还没有验证代码的工作