title: How to show and hide Mat-menu on mouseover and mouseout using angular 6
body: <p><a href="https://stackblitz.com/edit/angular-material-hello-zhqyiy?file=app%2Fhome%2Fhome%2Fhome.component.html" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-material-hello-zhqyiy?file=app%2Fhome%2Fhome%2Fhome.component.html</a></p>
  
  <p>I am using angular 6 with material design, I wanted to show &amp; hide, Mat-Menu on Mouse over and Mouse Out , I am able to show menu on mouse Over,But not able to hide on mouse Out</p>
  
  <p><code>(mouseleave)="createPlanmenuTrigger.closeMenu()"</code></p>
  
  <p>this is the mouseout event i am using .let me know where i made wrong</p>