无法读取this.sidenav.toggle;

问题描述

我正在将mat-sidenav用于导航抽屉

<mat-sidenav-container class="sidenav-container">
   <mat-sidenav #sidenav [mode]="isMobile ? 'over' : 'side'" [opened]="!isMobile" class="example-sidenav">
   </mat-sidenav>
   <mat-sidenav-content>
    <falcon-button-toggle *ngIf="isMobile" [field]="htmlButtonToggleConfig"
                    (toggleGroupChange)="toggleChange($event)"></falcon-button-toggle>
   </mat-sidenav-content>
</mat-sidenav-container>

TS文件 当点击事件出现时，滑块是不确定的。

export class ProductListComponent implements OnInit {
  @ViewChild('sidenav',{ static: true }) public sidenav: MatSidenav;
    toggleChange($event) {
        switch ($event) {
          case ProductDetailsSortFilterEnum.Filter:
            this.sidenav.toggle();
            break;
        }
      }}

this.sidenav未定义

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）