Angular 如何'；按'；单击关闭按钮以关闭导航栏

我正在使用angular 7.3.9构建解决方案

我只是想知道如何“按”按钮（编程）来“关闭”导航栏

或

如何隐藏导航栏（visible=false）

***因为我使用window.open打开一个新的URL，导航栏可以隐藏的更好

谢谢

---

看看这个。假设您已经创建了sidenav组件

header.component.html

sidenav.service.ts

别忘了在根模块中添加服务提供商列表

---

看看这个。假设您已经创建了sidenav组件

header.component.html

sidenav.service.ts

别忘了在根模块中添加服务提供商列表

<mat-toolbar color="primary">
    <mat-toolbar-row>
        <button mat-icon-button (click)="_sidenav.toggle()">
            <mat-icon>menu</mat-icon>
        </button>
    </mat-toolbar-row>
</mat-toolbar>

import { SidenavService } from 'path/to/sidenav.service'
constructor(public _sidenav: SidenavService){}

import { Injectable } from '@angular/core';
import { MatSidenav } from '@angular/material/sidenav';

@Injectable({
  providedIn: 'root'
})
export class SidenavService {

  private _sidenav: MatSidenav

  constructor() { }

  setSidenav(sidenav: MatSidenav) {
    this._sidenav = sidenav;
  }

  toggle(): void {
    this._sidenav.toggle()
  }
  open() {
    return this._sidenav.open()
  }
  close() {
    return this._sidenav.close();
  }

}

@NgModule({
  declarations: [.....],
  imports: [
    ....
    ....
  ],
  providers: [SidenavService,....]
})