单击角度7中模态内的链接后如何关闭模态

Question

我在模态内给出了链接，单击该链接将在另一页上进行。当链接打开另一个页面时，模态不会关闭，所以我需要帮助来关闭模态。

                                     ×                                          重要的提示           

我们强烈建议您进行个人预订。

          继续作为情侣...                        

Answer 1

假设您的模式中有如下代码段

in component.html

<a (click)="goToNextPage()" >click here</a>

并在component.ts文件中添加以下代码

在 component.ts

中

constructor(
    private router:Router,
    public dialogRef: MatDialogRef<ModalComponent> //replace your modal component here,
  ) { }

goToNextPage(){
    this.dialogRef.close();
    this.router.navigate(['/nextPageURL']);
}

为了更好地理解，请检查official doc