单击angular 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