Javascript 无法读取属性'；切换'；在这个.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>

---

this.sidenav是未定义的

请尝试从

@ViewChild

中删除

{static:true}

，我使用angular 10，它应该是这样的：如果您要在ngOnInit中访问此元素，而该标记不在

*ngIf

或类似内容中

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