Open/Close sidenav from another component

Question

I use angular (latest version) and angular material.

There are 3 components:

• header.component, in which there is a control button for right-sidenav

Answer 1

If you are working in Angular 9+ Remember add param of static: true in @ViewChild like:

@ViewChild('rightSidenav', {static: true}) sidenav: MatSidenav;

You can see my code working on Angular 9 here:

https://stackblitz.com/edit/angular-kwfinn-matsidenav-angular9