小编Jon*_*as 的帖子

计算ngFor - Angular 2

我在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)

希望你能帮助我.

干杯!

javascript ionic-framework ngfor angular

6
推荐指数
2
解决办法
1万
查看次数

标签 统计

angular ×1

ionic-framework ×1

javascript ×1

ngfor ×1