防止angular7中的默认上下文菜单

Question

在我的 Angular 项目中，我使用了 Angular data-table 并创建了一个上下文菜单。但是当点击它时，默认的右键单击选项也会出现在创建的上下文菜单中。如何防止 Angular 中的默认右键单击操作？

Answer 1

使用event.preventDefault()：

HTML

<div (contextmenu)="foo($event)">
  [...]
</div>

TypeScript

foo($event: MouseEvent) {
  $event.preventDefault();
  /* INSERT CODE HERE */
}