我正在使用@ngx-gallery/lightbox
显示图像库。但是它不显示任何图像。我提供一些代码和Stackblitz演示供您参考
HTML
<button mat-button (click)="lightbox.open(0, 'lightbox')">Open Gallery</button>
Component
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);
}
}
我不确定您正在读取什么api,但according to their official api,this demo should work
问题是ImageItem
类期望对象形式的单个参数。
这应该可以解决您的问题:
this.items = imageData.map(item => {
return new ImageItem({ src: item.srcUrl, thumb: item.previewUrl });
});
似乎您尚未正确初始化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);
});