Nativescript Angular 中的 @HostListener('tap')答案

【问题标题】：@HostListener('tap') in Nativescript AngularNativescript Angular 中的 @HostListener('tap')
【发布时间】：2020-01-28 10:27:21
【问题描述】：

有什么方法可以让我们在 NativeScript Angular Application 中收听 @HostListener('tap') 或任何手势？

我正在尝试开发一个指令，其场景是当用户打开自定义模态/组件并点击组件外部的任何位置时将关闭模态/组件。

【问题讨论】：

当然有。你可以有很多方法来解决这个问题。但是，如果您需要更多帮助，则需要展示您的方法。否则，如果您要求其他人解决您的问题，那么这类问题并不是最佳的。看看这篇文章。 => medium.com/angular-in-depth/…
@IvanMihaylov，这需要使用外部 HammerJs 库才能使用，而我正在寻找资源以检查是否可以在 NativeScript 中退出手势。不要求任何人解决我的方法；只是在寻找资源，我可以在 Nativescript 中检查/阅读它是如何完成的，因为官方文档没有谈论它
这是一个如何使用监听特定事件的 hostlistner 创建指令的示例。从我的观点来看，关于如何获取您感兴趣的事件的 Nativescript 文档非常清楚查看 => docs.nativescript.org/core-concepts/events
您使用的是自定义模态还是内置模态对话框？
@manoj，我正在使用自定义模式

【解决方案1】：

@HostListener('tap', ['$event']) onTap(event: TapGestureEventData) {
  // do your stuff here
}

就我而言，我想知道如何将手势事件数据传递给处理程序。找到答案here。

【讨论】：