私はAngular2アプリケーションで<strong>mdmenu</strong>を以下しているangular2

Question

にスパンまたはアンカータグをクリックするだけでmdmenuをトリガーする方法：私はスパンのクリックやアンカータグでこれをトリガすることができますどのように

<md-menu #appMenu="mdMenu"> 
<button md-menu-item> Item1 </button> 
<button md-menu-item> Item2 </button> 
<button md-menu-item> Item3 </button> 
</md-menu> 

？

は、私はこのようなMD-ボタンを使用して、それをトリガすることができる午前：

<button md-button [mdMenuTriggerFor]="appMenu">Menu</button> 

私はスパンまたはアンカータグを使用して同じ機能を実現したいです。 PS：スパンやアンカータグの内側のボタンは使用できません。

Answer 1

はちょうどa（またはspan）でbuttonを交換してみてください。

<a [mdMenuTriggerFor]="appMenu">Menu</a> 
<md-menu #appMenu="mdMenu"> 
<button md-menu-item> Item1 </button> 
<button md-menu-item> Item2 </button> 
<button md-menu-item> Item3 </button> 
</md-menu> 

必要に応じて、あなたはCSSでそれをスタイルすることができます。 plunker：アンカータグでhttps://plnkr.co/edit/YR9hTjActXL1Z79jXkH1?p=preview