Функция закрытия модального окна не работает

Question

Я сделал простой проект на angular. В этом проекте я реализовал модальное окно.

Моя проблема в том, что когда модальное окно открыто, функция, закрывающая окно, не работает, но когда я снова нажимаю кнопку, чтобы открыть модальное окно, оно закрывается. И даже когда я вызываю функцию закрытия из функции открытия, она тоже работает.

Почему не работает функция закрытия модального окна?

Ссылка на созданный проект

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();
  }