ng-zorro 如何在modal弹窗中使用popover?

阅读提示：本文共计约2006个文字，预计阅读时间需要大约5分钟，由作者路由器wps编辑整理创作于2023年11月06日14时24分18秒。

在ng-zorro中，如何在modal弹窗中使用popover？

一般来说，在Modal弹窗中使用Popover的基本步骤如下：

1. 在你的Angular组件中，导入所需的ng-zorro组件：import { NgZorroAppModule } from 'ng-zorro-app'; import { PopoverComponent, NZPopoverConfig } from 'ng-zorro-app/popover';

2. 在你的组件的模块中，注册PopoverComponent：this.configService.register(NZPopoverConfig);

3. 在模板中，使用nz-popover指令和nz-modal指令结合使用。例如：

<button nz-button nz-popover="content">点击我</button>
<nz-popover nz-modal>
  <p nz-popover-title>标题</p>
  <p nz-popover-content>内容</p>
  <button nz-button nz-popover-close>关闭</button>
</nz-popover>

以上就是在ng-zorro的modal弹窗中使用popover的基本步骤。