时间戳

首页 > 解决方案 > 如何将指令作为参数传递给角度函数

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

问题描述

我试图捕捉一个 swiper 事件，在那个事件中我想知道这个事件来自哪里，因为我在页面中有多个 swiper 指令。

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

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

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

任何帮助，将不胜感激

标签： angulartypescriptdirectiveswiper

解决方案

您可以将您的指令标记为 exportAs

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

之后，您将能够创建模板变量，以引用指令的确切实例并随意使用它

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

推荐阅读