角度可拖动,工具提示并单击

我在工具提示中添加了单击事件,然后它就工作了。

<ng-template #tooltipBlock>
    <span class="tooltiptext" (click)="handleEvent(event, true)">{{ event.title }}</span>
</ng-template>

更新: 上面的解决方案是在单击圆分区的边界时创建问题,因为工具提示位于圆分区内,所以我必须使用 tap 在Circle Div中的事件,为此我安装了 hammerjs :

npm install --save hammerjs 
npm install --save-dev @types/hammerjs

然后导入 Hammerjs公司 在app.module.ts中:

import 'hammerjs';

然后更新代码:

<div class="circle" mwlDraggable [dropData]="{event: event}"  [dragAxis]="{x: event.draggable, y: event.draggable}" (dragStart)="fromEng = eng.id"  (tap)="handleEvent(event, true)">
   <ng-container  *ngTemplateOutlet="tooltipBlock"></ng-container>
</div>


<ng-template #tooltipBlock>
 <span class="tooltiptext" >{{ event.title }}</span>
</ng-template>