title: New menu and divider with angular 2 + material
body: <p>I create this menu with material:</p>
  
  <pre><code> &lt;button md-icon-button [mdMenuTriggerFor]="menu" class="topPosition color-md-icon"&gt;
    &lt;md-icon&gt;more_vert&lt;/md-icon&gt;
   &lt;/button&gt;
    &lt;md-menu #menu="mdMenu"&gt;
   &lt;button md-menu-item&gt;
      &lt;md-icon&gt;cloud&lt;/md-icon&gt;
      &lt;span&gt;1&lt;/span&gt;
    &lt;/button&gt;
    &lt;button md-menu-item&gt;
      &lt;md-icon&gt;cloud&lt;/md-icon&gt;
      &lt;span&gt;2&lt;/span&gt;
    &lt;/button&gt;
    &lt;button md-menu-item&gt;
      &lt;md-icon&gt;cloud&lt;/md-icon&gt;
      &lt;span&gt;3&lt;/span&gt;
    &lt;/button&gt;
  &lt;/md-menu&gt;
  </code></pre>
  
  <p>How to add some divider? <code>&lt;md-divider&gt;</code> not works. And how add new menu in my first item </p>
  
  <pre><code> &lt;button md-menu-item&gt;
      &lt;md-icon&gt;cloud&lt;/md-icon&gt;
      &lt;span&gt;1&lt;/span&gt;
    &lt;/button&gt; 
  </code></pre>
  
  <p>How implement this?</p>