Question

我正在尝试捕获Angular 7中的三次单击/触摸事件。

在模板中：

import numpy as np

matrix = [[20, 1], [20, 7], [1, 9]]

arr2D = np.array(matrix)
result = np.where(arr2D == np.amax(arr2D))
listOfCordinates = list(zip(result[0], result[1]))
print(listOfCordinates)

在组件中：

<img id="logoImage" src="/assets/logo.png" (click)="clickLogo($event)">

如果单击一次，event.detail为1。如果快速单击2或3次，则每个event.detail时间仍为1。

我正在尝试实施此处第一个答案所示的解决方案：How do I listen for triple clicks in JavaScript?

有没有办法使它在Angular中工作？我也想知道为什么它不能这样工作。

Answer 1

使用rxjs fromEvent处理角度事件，并使用扫描运算符将当前值添加到先前的值

fromEvent(this.ref.nativeElement,'click').pipe(
      map(event=>event.detail),
      scan((acc, curr) => acc + curr, 0)
    ).subscribe(v=>{
      console.log(v);
    })

示例：https://stackblitz.com/edit/angular-button-details

Answer 2

您可以尝试以下操作：

options.AddPolicy("RequireClientClaim", policy => policy.RequireClaim(ClaimTypes.Role, "Client"));

这将使您获得400ms的三倍点击次数，并使clickCount为3，如果您未在400ms内将clickCount重置为0；

DOM事件详细信息不会随角度单击事件而增加

2 个答案: