PrimeNg TabView和ConfirmDialog

Question

我尝试将PrimeNg TabView组件与confirmDialog一起使用失败，这是我的代码：

<p-tabView (onChange)="onTabChange($event)" [(activeIndex)]="index">...</p-tabView> 


  onTabChange(event){
    this.confirmationService.confirm({
      message: 'Do you confirm ?',
      accept:  () => {
      this.index = event.index;
      },
      reject:() =>{        }
      });
   }

您对如何使用“确认”对话框阻止或允许更改选项卡有任何想法吗？

谢谢

Answer 1

基于类似solution的“材料设计”选项卡，这是我的问题的解决方案：

html 中的

1. 声明引用TabView DOM对象的局部变量：

   bm.Save(path + tempname,ImageFormat.Jpeg);

component.ts 中的

2. ，更改在单击带有特定选项卡的选项卡时调用的默认功能 匹配您的情况的功能：

   <p-tabView #onglets>...</p-tabView>您真的要离开该标签页吗？@ViewChild('onglets') onglets: TabView; this.onglets.open = this.interceptOngletChange.bind(this); ... interceptOngletChange(event: Event, tab: TabPanel){ const result = confirm(