PrimeNg TabView 与 ConfirmDialog

【问题标题】：PrimeNg TabView with ConfirmDialogPrimeNg TabView 与 ConfirmDialog
【发布时间】：2019-06-22 10:56:01
【问题描述】：

我尝试使用 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:() =>{        }
      });
   }

您知道如何使用确认对话框来防止或允许标签更改吗？

谢谢

【问题讨论】：

标签： javascript angular typescript primeng tabview

【解决方案1】：

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

在html中声明一个引用TabView DOM对象的局部变量：

<p-tabView #onglets>...</p-tabView>
在 component.ts 中，更改点击特定标签时调用的默认函数功能匹配您的情况：

@ViewChild('onglets') onglets: TabView; this.onglets.open = this.interceptOngletChange.bind(this); ... interceptOngletChange(event: Event, tab: TabPanel){ const result = confirm(你真的要离开标签吗？); return result && TabView.prototype.open.apply(this.onglets, argumentsList); }); }

【讨论】：

这里的参数列表是什么？
你需要传递的任何参数
优秀。非常感谢。