如何在使用nz-tabset之前实现保存？

Question

我正在使用zorro antd来实现多个选项卡功能，我想警告用户未保存的更改，并且只有在用户确认后才离开该选项卡。离开选项卡之前似乎没有回调，（nzSelectChange）是更改选项卡之后而不是之前的回调。那么如何使用zorro的nz-tabset实现这样的功能？

Answer 1

NzTab具有一个(nzClick) EventEmitter来处理选项卡标题的click事件，但它不会发出本地鼠标事件，因此我们无法捕获该本地事件。但是我发现nz-tab [nzTitle]属性可以是TemplateRef，因此我们可以在触发标签集的(nzSelectChange)之前构建标签标题并处理click事件。例如：

<ng-template #tabTitle1>
   <div (click)="beforeActivateTab(0, $event)">Tab 1</div>
</ng-template>

而且，我建立了一个在线示例，您可以在这里访问： https://stackblitz.com/edit/ng-zorro-antd-start-drc5uf