Angular 2+更改弹出对话框中的可见组件

问题描述

我做一个测验应用程序，并当选择一定的测验被打开弹出对话框。我想要的是当用户按下“开始”按钮时在弹出对话框中切换组件。一个组件是播放测验（如开头所示），另一个组件是开始测验（将保存测验解决事件的组件）。

这是我的父组件的功能，在其中打开了弹出对话框：

openPlayWindow(wallID:string)
  {
    this.response=this.wallService.getWallById(wallID).subscribe(
      res=>{
        this.WallDetails=res;
        //console.log(this.WallDetails);
      }
    );
    const dialogConfig=new MatDialogConfig();
    dialogConfig.autoFocus=true;
    dialogConfig.disableClose=true;
    dialogConfig.width="60%";
    dialogConfig.width="1000px";
    dialogConfig.height="800px";
    dialogConfig.data=
    {
      wallID:this.WallDetails.wallID
    }
    this.dialog.open(PlayQuizComponent,dialogConfig);
  }

现在，我想从PlayQuizComponent切换到QuizStartComponent。关于如何做的任何想法？我尝试将路由更改为Quizstartcomponent，更改了路由，但未更改。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angular2-routing angular9