Angular-material and dynamically changing columns in gridlist?

Question

JavaScript

Good afternoon!
There is such a page with mat-grid-list. It is necessary that when opening sidenav, the number of columns changes from 4 to 3.
Components (jobs and contracts) are loaded via routing. And yes. I'm a complete noob in layout -_-

Answer 1

And what's the problem? Get a variable that is responsible for the number of columns, bind it to your mat-grid-list as the value of the cols parameter, and change it as you need there. Approximately so .