Html （dblclick）无效

我正在编写一个todolist演示。我尝试双击以编辑该项目，但没有效果，也没有错误

代码如下所示

<li *ngFor="let todo of todos; let i = index;"
            [ngClass]="{
              completed: todo.isDone,
              editing: currentEditing === todo
            }"
          >
            <div class="view">
                <input class="toggle" type="checkbox" [(ngModel)]="todo.isDone" >
                <label (dblclick)="currentEditing = todo"> {{ todo.title }}</label>
                <button class="destroy" (click)="delete(i)"> </button>
            </div>
            <input class="edit" value="Create a TodoMVC template">
        </li>

---

有人能看出我做错了什么吗？谢谢

您好，下面是一个链接，dblclick在stackblitz上的按钮和标签都能正常工作。但是，它的工作方式与您已经尝试过的不同。请检查：

---

注意：请检查双击.directive.ts文件中的DoubleClickDirective类和@HostListener

谢谢，我发现在关闭Google chrome切换设备工具栏后，dblclick可以工作。没问题。有更多方法可以完成该任务：）。

<label (click)="currentEditing = todo"> {{ todo.title }}</label>