title: Angular 2 Material SideNav always open on desktp and normal on mobile
body: <p>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 present in Angular JS material. How do I implement this in Angular 2 ?</p>
  
  <pre><code>&lt;md-sidenav-container fullscreen&gt;
    &lt;md-sidenav #sideNav&gt;
      &lt;md-nav-list&gt;
        &lt;a&gt;One&lt;/a&gt;
        &lt;a&gt;Two&lt;/a&gt;
      &lt;/md-nav-list&gt;
    &lt;/md-sidenav&gt;
    &lt;md-toolbar color="primary"&gt;
      &lt;button md-icon-button (click)="sideNav.toggle()"&gt;
        &lt;md-icon&gt;menu&lt;/md-icon&gt;
  
  &lt;/button&gt;
  &lt;span&gt;Title&lt;/span&gt;
    &lt;/md-toolbar&gt;
  
    &lt;h1&gt;
      {{title}}
    &lt;/h1&gt;
  &lt;/md-sidenav-container&gt;
  </code></pre>