Angular 来自组件的参考滑动实例（ngx滑动转盘）

我很难从我的组件中引用ngx滑动转盘的实例。我在一个页面中有几个旋转木马，当我在两者之间切换时，我需要取消单击并初始化它们。目前，我能够从我的组件引用slick转盘的唯一方法是使用afterChange方法并从模板传递事件对象

例如

<ngx-slick-carousel 
     class="carousel gallery-one" 
     #galleryOne="slick-carousel" 
     [config]="slideConfig" 
     (afterChange)="afterChange($event)">

     <div ngxSlickItem *ngFor="let slide of slides.gallery" class="slide">
        <img src="{{slide.img}}">
     </div>
</ngx-slick-carousel>

在模板中

<ngx-slick-carousel 
     class="carousel gallery-one" 
     #galleryOne="slick-carousel" 
     [config]="slideConfig" 
     (afterChange)="afterChange($event)">

     <div ngxSlickItem *ngFor="let slide of slides.gallery" class="slide">
        <img src="{{slide.img}}">
     </div>
</ngx-slick-carousel>

如何从组件中的任何位置引用像after change方法中那样的slick实例？我试过几种方法，但似乎都没能奏效。任何想法都将不胜感激。

模板

<ngx-slick-carousel 
     class="carousel" #slickModal="slick-modal"
     #galleryOne="slick-carousel" 
     [config]="slideConfig" 
     (afterChange)="afterChange($event)">

     <div ngxSlickItem *ngFor="let slide of slides.gallery" class="slide">
        <img src="{{slide.img}}">
     </div>
</ngx-slick-carousel>

重新初始化使用下面的代码

this.slickModal.unslick();

this.slickModal.initSlick();

this.slickModal.slickGoTo(0);

移动到特定幻灯片使用下面的代码

this.slickModal.unslick();

this.slickModal.initSlick();

this.slickModal.slickGoTo(0);

模板

<ngx-slick-carousel 
     class="carousel" #slickModal="slick-modal"
     #galleryOne="slick-carousel" 
     [config]="slideConfig" 
     (afterChange)="afterChange($event)">

     <div ngxSlickItem *ngFor="let slide of slides.gallery" class="slide">
        <img src="{{slide.img}}">
     </div>
</ngx-slick-carousel>

重新初始化使用下面的代码

this.slickModal.unslick();

this.slickModal.initSlick();

this.slickModal.slickGoTo(0);

移动到特定幻灯片使用下面的代码

this.slickModal.unslick();

this.slickModal.initSlick();

this.slickModal.slickGoTo(0);

---

非常感谢你抽出时间，Rahul，多亏了你的帮助，我才得以工作。你的答案有一个错误#slickModal=“slick-modal”抛出并出错没有将“exportAs”设置为“slick-modal”的指令，我必须使用#galleryOne=“slick-carousel”并使用@ViewChild（'galleryOne'）galleryOne；谢谢@GalacticRanger我更新了答案。如果它解决了你的问题，你可以将它标记为已回答。非常感谢你的时间，Rahul，多亏你的帮助，我才能够使它工作。你的答案有一个错误#slickModal=“slick-modal”抛出并出错没有将“exportAs”设置为“slick-modal”的指令，我必须使用#galleryOne=“slick-carousel”并使用@ViewChild（'galleryOne'）galleryOne；谢谢@GalacticRanger我更新了答案。如果它解决了您的问题，您可以将其标记为已回答