[英]dynamically load row and column of an image gallery ionic grid
我有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列。 我該如何實現?
<ion-content>
<ion-grid >
<ion-row [virtualScroll]="photo_library" >
<ion-col col-6 col-md-4 col-xl-3 *virtualItem="let photo ">
<ion-img [src]="photo.avatarUrl"></ion-img>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.