模态 window 关闭功能不起作用

Question

我在 angular 上做了一个简单的项目。在这个项目中，我实现了一个模态window。

我的问题是当模态window打开时，关闭window的功能不起作用，但是当我再次点击按钮打开模态window，它关闭。甚至当我从打开函数调用关闭函数时，它也能正常工作。

为什么模态 window 关闭功能不起作用？

Link到创建的项目

https://stackblitz.com/edit/angular-zmytwj

Answer 1

constructor(private overlay: Overlay, private viewContainerRef:ViewContainerRef) {}

初始化组件时应添加 viewContainerRef

ngOnInit() {
    this.overlayRef = this.overlay.create({ hasBackdrop: true });
    this.formComponentPortal = new ComponentPortal(FormComponent, this.viewContainerRef);
  }

还有你的关闭按钮事件

 public onButtonClose() {
     this.overlayRef.detach();
  }