html - 在侧边栏Angular外部单击时如何关闭右侧边栏？

Question

我无法在外部单击时关闭侧边栏，无法使其正常工作。我试图通过条件语句将 addEventListener 添加到窗口，但它不起作用。

HTML

<li class="back-btn">
    <div class="mobile-back text-right" (click)="mainMenuToggle()">
      <span>{{"back" | translate}}</span>
      <i class="fa fa-angle-right pl-2" aria-hidden="true"></i>
    </div>
</li>

打字稿

export class MenuComponent implements OnInit {

public menuItems: Menu[];

constructor(private router: Router, public navServices: NavService) {
  this.navServices.items.subscribe(menuItems => this.menuItems = menuItems );
  this.router.events.subscribe((event) => {
  this.navServices.mainMenuToggle = false;
});
}

ngOnInit(): void {
}

mainMenuToggle(): void {
  this.navServices.mainMenuToggle = !this.navServices.mainMenuToggle;
}
// Click Toggle menu (Mobile)
toggletNavActive(item) {
  item.active = !item.active;
  }
}

标签： htmlangulartypescript