ngx-gallery preview open : 获取打开的图像索引并取消预览打开答案

【问题标题】：ngx-gallery preview open : get index of image opened and cancel preview openingngx-gallery preview open : 获取打开的图像索引并取消预览打开
【发布时间】：2021-05-16 22:24:50
【问题描述】：

我想通过覆盖 previewOpen() 方法打开带有图像索引的 matdialog：它不应该打开原始（大图像）预览，而是打开 matdialog（我已经有代码）。

  &lt;ngx-gallery (previewOpen)="openPreview(index)" [options]="galleryOptions" [images]="galleryImages" class="ngx-gallery"&gt;&lt;/ngx-gallery&gt;

有什么方法可以实现吗？

提前致谢！

【问题讨论】：

你能在 Plunker 或 Stackblitz 上创建一个工作示例吗？
@JulianLiu like this, stackblitz.com/edit/… 我想要的是当我点击图片时，预览没有打开，而是我使用另一种方法，将图片的索引作为参数

标签： javascript html angular typescript ngx-gallery

【解决方案1】：

你应该使用 NgxGalleryOptions 的 previewCustom 属性。

所以代码应该如下所示。

this.galleryOptions = [
  ...,
  {
    previewCustom: () => {
      // To Do: Your custom preview function here.
    }
  },
  ...
];

【讨论】：

你可以在stackblitz.com/edit/kolkov-ngx-gallery-abllhr查看，我刚刚在那里添加了console.log。
非常感谢。真的很感激并为我节省了很多时间！你能告诉我你在哪里找到答案吗？
另外，左右箭头有没有类似的方法？类似 previewCustomNextArrow: (index) => {console.log(index)}
我查看了库的源代码。 github.com/lukasz-galka/ngx-gallery/blob/master/src/…
谢谢！它工作正常。但是我一直在寻找一种方法来覆盖 showNext() 和 showPrev() 方法，但还没有成功。你能借我一只鸡吗？我试图制作一个 @ViewChild(NgxGalleryComponent) 画廊：NgxGalleryComponent;所以现在我可以调用 gallery.image.showNext() 但不知道如何覆盖/实现我自己的箭头方法。