如何将指令作为参数传递给角度函数

Question

我正在尝试捕获一个滑动事件，在这种情况下，我想知道此事件的来源，因为我在页面中有多个滑动指令。

<div [swiper]="SLIDER_CONFIG" (swiperTransitionEnd)="test()" class="swiper-container>

我想将swiper用作方法参数，如下所示。但显然它不起作用

<div [swiper]="SLIDER_CONFIG" (swiperTransitionEnd)="test(swiper)" class="swiper-container>

任何帮助将不胜感激

Answer 1

尝试传递“ $ event”

test($event)

Answer 2

您可以将指令标记为exportAs

@Directive({
...
exportAs: 'swiper'
})

之后，您将能够创建模板变量witch引用指令的确切实例，并根据需要使用它]]

 <div [swiper]="..." #mySwiper="swiper" (swiperTransitionEnd)="test(mySwiper)"></div>