Я хочу вызвать функцию по двойному щелчку в угловых 8

Question

Я использую Angle Cli 8 и я хочу, чтобы вызвать событие по двойному щелчку.Есть ли какой-нибудь встроенный метод, существующий в angular?

Я делаю таким образом

<p >
  Note: Double click to increase counter
</p>
<button [(ng-dblclick)]="count = count + 1" >asad</button>
<h1>{{count}}</h1>

Answer 1

Да, есть встроенный метод для двойного щелчка

<div (dblclick)="doubleClicked(element)"></div>

Но он не будет работать на мобильных телефонах и планшетах

Для этого есть обходной путь

touchtime=0;
singleClick(){
    if (this.touchtime === 0) {
          this.touchtime = new Date().getTime();
        } else {
          if (new Date().getTime() - this.touchtime < 400) { <-- time between two clicks to be considered as double click
            this.doubleClicked(row);
            this.touchtime = 0;
          } else {
            this.touchtime = new Date().getTime();
          }
        }
}

Надеюсь, это поможет!

Answer 2

Чтобы выполнить события по двойному щелчку кнопки в Angular, используйте следующий синтаксис:

<button (dblclick)="doubleClick($event)">Double Click</button>

Надеюсь, это поможет!