Is there a change in ViewChild behavior? Since upgrading to Angular 9, the MatSideNav menu has ceased to function.
export class SidenavOpenCloseExample implements OnInit, AfterViewInit {
@ViewChild('menuSide', {read: MatSidenav, static: true}) menuSide: MatSidenav;
opened: boolean;
ngOnInit(): void {
console.log("OnInit: " + this.menuSide);
}
ngAfterViewInit() {
console.log("AfterViewInit: " + this.menuSide);
}
toggle() {
this.menuSide.close();
}
}
HTML
<mat-sidenav-container class="example-container">
<mat-sidenav #sidenav mode="side" [(opened)]="opened">
Sidenav content
</mat-sidenav>
<mat-sidenav-content>
<p><button mat-button (click)="toggle()">Toggle menu</button></p>
</mat-sidenav-content>
</mat-sidenav-container>
I have provided a sample with this issue StackBlitz