我在Angular 2中计算ngFor循环时遇到了问题.我正在尝试开发一个有3列和动态行数的网格.我想遍历我的数组并从左到右添加元素,每三个元素应该跳到下一行.我正在使用Ionic Framework 2.0.
我的代码看起来像这样:
<ion-row *ngFor="#m of movies; #i = index" (click)="movieTapped(m)">
<ion-col width-33>
<div class="row responsive-md">
<img [src]="m.Poster" width="100%" />
{{m.Title}} <br>
Rating: {{m.imdbRating}}<br>
Rated: {{m.Rated}}<br>
Released: {{m.Year}}<br>
</div>
</ion-col>
<ion-col width-33>
<div class="row responsive-md">
<img [src]="m.Poster" width="100%" />
</div>
</ion-col>
<ion-col width-33>
<div class="row responsive-md">
<img [src]="m.Poster" width="100%" />
</div>
</ion-col>
</ion-row>
Run Code Online (Sandbox Code Playgroud)
希望你能帮助我.
干杯!