Angular 爱奥尼亚2虚拟卷轴与砌体层叠网格布局库

我尝试了此代码，但当我从代码虚拟滚动中删除

class=“gridGallery”

，

class=“gridGallery item”

时，此代码无法正常工作，但砌体库停止工作

Gallery custom.html

<ion-list class="gridGallery" [virtualScroll]="itemsss" approxItemHeight="100px">
    <ion-card class="gridGallery-item" *virtualItem="let item">
        <img src={{item.avatarUrl}}>
    </ion-card>
</ion-list>

---

您好，您找到解决问题的方法了吗？还没有，我已经为页面滚动事件的下一个图像使用了名为Api的临时解决方案。但它的工作并不顺利。

ionViewDidEnter() {
    setTimeout(() => {
      let elem = document.querySelector('.gridGallery');
        let msnry = new Masonry(elem, {
            itemSelector: '.gridGallery-item',
            columnWidth: '.gridGallery-item',
            gutter: 0,
            fitWidth: true,
            horizontalOrder: false,
            resize: true
          });
          console.log(msnry);
    }, 100);
  }