Close observable consumption

menu-trigger.ts

  // LifeCycle Hook that consumes the close observable from menu-directive
  ngAfterViewInit() {
    this._checkMenu();
    this.menu.close.subscribe(() => this.closeMenu());
  }
  
  // closeMenu - actually closes the menu
  /** Closes the menu. */
  closeMenu(): void {
    if (this._overlayRef) {
      this._overlayRef.detach();
      this._backdropSubscription.unsubscribe();
      this._resetMenu();
    }
  }