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;
      }