ionic-framework - 画像ギャラリーのイオングリッドの行と列を動的にロードします

Question

20枚の画像の画像配列があります。すべての行に 4 つの列がある仮想スクロール グリッド形式で画像を動的に読み込みたいのですが、それを行う方法がわかりません

これは私の現在のコードです

<ion-content>
    <ion-grid [virtualScroll]="photo_library">
      <ion-row *virtualItem="let photo" ng-if="$index % 4 === 0">
        <ion-col>
            <ion-img [src]="photo.avatarUrl"></ion-img>
        </ion-col>
      </ion-row>
    </ion-grid>
  </ion-content>

しかし、これは行と1列を生成しますが、動的に1行に4列を持たせたいです。どうすればそれを達成できますか?