title: How to make a sub list in md-list-item in Angular Material?
body: <p>I have made a <code>md-list</code> on <code>side-nav</code> by using Angular Material. I want add a sub list belongs to <code>md-list-item</code>. Here is my code.</p>
  
  <pre><code>&lt;md-sidenav id="sideNav" md-component-id="left"  class="md-sidenav-left md-whiteframe-z1 md-locked-open " layout="column" md-disable-backdrop &gt;
      &lt;md-content&gt;
  
      &lt;md-list&gt;
         &lt;md-list-item md-ink-ripple &gt;
             &lt;i class="material-icons"&gt;dashboard&lt;/i&gt;&lt;div&gt;Dashboard&lt;/div&gt;
          &lt;/md-list-item &gt;
         &lt;/md-list&gt;
        &lt;/div&gt;
        &lt;/div&gt;
     &lt;/md-content&gt;
  &lt;/md-sidenav&gt;
  </code></pre>
  
  <p>I want to add two sub-list when i click Dashboard button. Is it possible to do with Angular Material? Any help highly appreciate.</p>