title: Material2 How to open md-menu on mouseenter
body: <p>I am using Material 2 to create a menu. I have a md-button trigger that opens a md-menu. I want the button to open on hover. I know that the Material Angular.io is still pretty new. I have googled the problem but I just come up with Angularjs results. Can anyone point me in the right direction?</p>
  
  <p>Here is a sample of my html:</p>
  
  <pre><code>    &lt;button md-button [mdMenuTriggerFor]="userMenu" class="nav-btn" &gt;&lt;i class="fa fa-user" aria-hidden="true" id="user-icon"&gt;&lt;/i&gt; NAME&lt;/button&gt;
      &lt;md-menu #userMenu="mdMenu" xPosition="before" yPosition="below" [overlapTrigger]="false"&gt;
          &lt;button md-menu-item class="nav-dropdown" [routerLink]="['/dashboard']"&gt;DASHBOARD&lt;/button&gt;
          &lt;button md-menu-item class="nav-dropdown"&gt;MY PROFILE&lt;/button&gt;
          &lt;button md-menu-item class="nav-dropdown"&gt;lOGOUT&lt;/button&gt;
      &lt;/md-menu&gt;
  </code></pre>