ng-zorro-antd 中 Dropdown下拉菜单 如何阻止事件冒泡？

直接看代码

<i
  nz-icon
  nzType="ellipsis"
  style="font-size: 16px; cursor: pointer"
  nz-dropdown
  [nzDropdownMenu]="proOpt"
  nzPlacement="topRight"
  nzTrigger="click"
  (click)="$event.stopPropagation()"
  acl
  [acl-ability]="'_client_publish_batch_programlist_handle'"
></i>
<nz-dropdown-menu #proOpt="nzDropdownMenu">
  <ul nz-menu>
    <li nz-menu-item (click)="onProgramInfo(program)" acl [acl-ability]="'_client_publish_batch_program_order'"
      >节目排班</li
    >
  </ul>
</nz-dropdown-menu>

(click)="$event.stopPropagation()"

这一行就是关键。虽然我们设置 nzTrigger 为 click 触发方式，但仍然不妨碍我们在定义一个 (click) 事件。

希望帮到你了。