如何使用nz-tabset实现离开前的保存？

<nz-tabset>
  <nz-tab nzTitle="Tab 1">
    <!-- Tab 1 内容 -->
  </nz-tab>
  <nz-tab nzTitle="Tab 2">
    <!-- Tab 2 内容 -->
  </nz-tab>
  <!-- 更多标签页 -->
</nz-tabset>

selectedTabIndex: number = 0;

<nz-tabset [(nzSelectedIndex)]="selectedTabIndex">
  <!-- 标签页内容 -->
</nz-tabset>

import { CanDeactivate } from '@angular/router';

export class YourComponent implements CanDeactivate<YourComponent> {
  // 组件其他代码

  canDeactivate(): boolean {
    // 在这里实现离开前的保存逻辑
    // 返回true表示可以离开，返回false表示禁止离开
    return true;
  }
}

import { YourComponent } from './your-component.component';

const routes: Routes = [
  {
    path: 'your-component',
    component: YourComponent,
    canDeactivate: [YourComponent]
  },
  // 其他路由配置
];