ngx-画廊不显示图像

Question

我正在使用 @ngx-gallery/lightbox 显示图片库。但它不显示任何图像。这个我提供一些代码和Stackblitz演示作为你的参考

HTML

<button mat-button (click)="lightbox.open(0, 'lightbox')">Open Gallery</button>

组件

 items: GalleryItem[];

  constructor(public gallery: Gallery, public lightbox: Lightbox) {

  }
 ngOnInit() {
    // This is for Basic example
    this.items = imageData.map(item => {
      return new ImageItem(item.srcUrl, item.previewUrl);
    });

    // This is for Lightbox example
    this.gallery.ref('lightbox').load(this.items);
  }

}

Answer 1

我不确定 api 你在读什么，但是 according to their official api, this demo should work

Answer 2

问题是 ImageItem class 需要一个对象形式的参数。

这应该可以解决您的问题：

this.items = imageData.map(item => {
      return new ImageItem({ src: item.srcUrl, thumb: item.previewUrl });
    });

Answer 3

好像你没有正确初始化 ImageItem，试试这个

this.items = imageData.map(item => new ImageItem({ src: item.srcUrl, thumb: item.previewUrl }));

而不是

this.items = imageData.map(item => {
      return new ImageItem(item.srcUrl, item.previewUrl);
    });

ngx-画廊不显示图像

ngx-gallery not displaying image

javascript

image-gallery

typescript

angular