路由页面时菜单切换不起作用

Question

我有一个仪表板。我有一个sidenav切换方法和注销方法。当我在另一页上调用sidenav.toggle（）方法时，出现错误“无法读取未定义的属性'toggle'”。但是，当我调用注销方法时，它可以工作。有人可以帮我吗？

我已经将菜单路径移到了页面所在的位置，但它不起作用。

菜单html

    <mat-toolbar-row>

      <!-- TOP MENU DO SITE -->
      <button mat-icon-button (click)="sidenav.toggle()">
        <mat-icon>menu</mat-icon>
      </button>

      <h2>{{ title.getTitle() }}</h2>

      <span class="spacer"></span>
      <button mat-icon-button (click)="onLogout()">
        <mat-icon>exit_to_app</mat-icon>
      </button>

    </mat-toolbar-row>
</mat-toolbar>

调用菜单时的HTML页面

<app-dashboard-header></app-dashboard-header>

ts /组件

    toggle():void
      {
        this.sidenav.toggle();
        console.log(this.sidenav.toggle);
      }

无法读取未定义的属性“ toggle” code the html page code the menu html