PrimeNG ConfirmationService 不等待答复

Question

我有一个具有以下功能的父组件：

@ViewChild('currentTab') currentTab: ChildComponent;  
  
nextTab(): void {
  if (this.currentTab.save()) {
    this.activeIndex++; 
  }
}

子组件上的方法如下：

save(): boolean {
  return this.confirmationService.confirm({
    message: 'Are you sure?',
    accept: () => true,
    reject: () => false
  });
}

问题：父组件中的条件不等待答案，它得到“真”，执行this.activeIndex++;。我做错了什么？

提前致谢。

Answer 1

Javascript 始终是同步和单线程。所以表达式this.currentTab.save() 被解析并立即评估if(....) 语句。根据PrimeNg source code confirm(...) 方法触发一个信号以显示弹出对话框然后返回this 这是一个真实值。所以预计activeIndex总是增加。

为了实现你想要的，在父组件中导入并使用确认服务：

nextTab(): void {
  this.confirmationService.confirm({
     message: 'Are you sure?',
     accept: () => this.activeIndex++,
     reject: () => //Do something else
  });
}