angular - 如何禁用特定组件的角垫对话框“disableClose”属性？

Question

我有一项功能，我需要使用模式弹出窗口来禁用特定的组件屏幕。例如 - 我有一个名为任务列表的组件，我正在使用我的模态弹出窗口，我正在使用 disableClose:true 来禁用背景。但这会禁用整个屏幕。所以我无法访问其他屏幕，如侧边栏组件等。那么有没有其他方法可以仅禁用当前组件背景并可以访问其他组件？我正在分享图片供您参考。 模态图像

这是我正在使用的代码

openLoginPopup(){

  const dialogRef = this.dialog.open(ConfirmPopup, {
     width: "500px",
     disableClose: true,
     data: {
       title: "User Login",
       bodyMessage: "You have been successfully logged out from your Tasks List, if you want to login please click on Login Button Thank you.",
       showYesNo: false,
       showOk: false,
       hideClose:true,
       Login:true
       
     },
   
   });
   
   dialogRef.afterClosed().subscribe((result) => {
     if (result && result.data) {
       if (result.data === "ok") {
           this.sumamryViewService.LogIn(this.userId).subscribe(
             (response) => {
               this.snackbar.open("User has been Logged In", 'Ok', {
      
               });
               this.getUserStatus();
               this.getAllListing(this.params);
             }
           );
       }
     }
   });
  this.router.events
  .subscribe(() => {
     dialogRef.close();
  });