Angular 2 Material SideNav always open on desktp and normal on mobile

Question

I made this simple side nav in angular 2 material. I want to keep oppened=\"true\" only for desktop and keep the default behavior for mobiles and laptops. This used to be pr

Answer 1

You should be using disableClose property as below

 w = window.innerWidth;
      constructor(){
        if (this.w > 450) {
        this.disableClose=true;
      } else {
        this.disableClose=false;
      }

HTML will be as

  

    
      
    
  
  

    Main content goes here
    

















  
  

   Manu bar
  

LIVE DEMO