angular - MatBottomSheet closeOnNavigation 仅适用于浏览器上的后退/前进，但不适用于路由本身

Question

我目前在我的应用程序中遇到一个问题，我在仪表板中加载了多个 Web 组件，当访问特定应用程序时，我有一个按钮显示底部工作表作为便利贴

this.bottomSheet.open(PostItComponent, {
          data: {
            'postIt': this.postIt,
            'isNewPostIt': isNewPostIt
          },
          hasBackdrop: false,
          closeOnNavigation: true,
});

我的问题是：当用户单击以访问另一个页面时，底部工作表仍然存在，但我希望它会随着 closeOnNavigation 为真而消失，之前是否有人遇到过这个问题并且知道如何自动关闭它？

我尝试使用 ngOnDestroy，但组件本身并没有被破坏，因为它只是加载了另一个 Web 组件。

ngOnDestroy() {
  this.bottomSheetRef.dismiss();
}

感谢您提供的提示和建议

标签： angulartypescriptangular-material