Angular 从SnackBar组件撤消操作

我需要从snackBar自定义组件创建一些撤销逻辑。我在从自定义snackBar组件调用undo逻辑函数时面临挑战

小吃吧服务：

showSnackbar(mes: string){
    let snackRef=this.snackBar.openFromComponent(SnakebarComponent, {
              duration : 2000,
               data: mes
                   });
  }

constructor(@Inject(MAT_SNACK_BAR_DATA) public data: any) { }
  message = this.data;

  ngOnInit() {
  }

  onClick(){
     // Undo Button of custom component
  }

蛇形条组件：

showSnackbar(mes: string){
    let snackRef=this.snackBar.openFromComponent(SnakebarComponent, {
              duration : 2000,
               data: mes
                   });
  }

constructor(@Inject(MAT_SNACK_BAR_DATA) public data: any) { }
  message = this.data;

  ngOnInit() {
  }

  onClick(){
     // Undo Button of custom component
  }

组件调用snackBar

this._utility.showSnackbar('Saved Successfull!!');

---

请帮助我实现同样的目标。

我想您可能正在寻找此方法

dismissWithAction（）

。在函数中，对Snackbar的引用调用

dismissWithAction（）

，该引用将关闭Snackbar

从官方文件：

dismissWithAction

：标记单击的snackbar操作-

例如：

/。。。
导出类CustomSnackBar{
构造函数（私有snackBarRef:matsnakbarref）{}
onActionBtnClick（）{
this.snackBarRef.dismissWithAction（）；
}
}

打开snackbar的代码：

让snackBarRef=this.snackBar.openFromComponent（CustomSnackBar）；
snackBarRef.onAction（）.subscribe（（）=>{
log（'单击操作按钮！'）；
})

我想您可能正在寻找此方法

dismissWithAction（）

。在函数中，对Snackbar的引用调用

dismissWithAction（）

，该引用将关闭Snackbar

从官方文件：

dismissWithAction

：标记单击的snackbar操作-

例如：

/。。。
导出类CustomSnackBar{
构造函数（私有snackBarRef:matsnakbarref）{}
onActionBtnClick（）{
this.snackBarRef.dismissWithAction（）；
}
}

打开snackbar的代码：

让snackBarRef=this.snackBar.openFromComponent（CustomSnackBar）；
snackBarRef.onAction（）.subscribe（（）=>{
log（'单击操作按钮！'）；
})

它显示MatsnakBarref类型上不存在dismissWithAction@NishantVarshney您能试试

closeWithAction（）

？你的棱角材质版本是什么？它显示MatsnakBarref类型上不存在dismissWithAction@NishantVarshney您能试试

closeWithAction（）

？你的棱角材质版本是什么？