angular6 輕按兩下的時候禁止單擊事件産生dblclick

代碼如下所示：

  html代碼如下：

<div class="item" (click)="clickF()" (dblclick)="dblclickF()"> 
 </div>
           

  ts代碼如下：

//定義兩個全局變量
      isdb;
      timeout;

      //單擊方法
      clickF() {

        this.isdb = false;

        var that=this;

        this.timeout = setTimeout(function () {
            if (that.isdb != true) {
        
                 //單擊處理事件
            }
        },500)

      }



      //輕按兩下方法
      dblclickF(){
         this.isdb = true;
      }