複数のメニューがある場合、メニューをプログラムで切り替えますか？

Question

私はプログラム的に2番目のメニューコンポーネントを切り替える方法

<button md-icon-button [md-menu-trigger-for]="menu"> 
    <md-icon>more_vert</md-icon> 
</button> 
<md-menu #menu="mdMenu"> 
    <button md-menu-item>Refresh</button> 
    <button md-menu-item>Settings</button> 
    <button md-menu-item>Help</button> 
    <button md-menu-item disabled>Sign Out</button> 
</md-menu> 

<button md-icon-button [md-menu-trigger-for]="menu1"> 
    <md-icon>more_vert</md-icon> 
</button> 
<md-menu #menu1="mdMenu"> 
    <button md-menu-item>Refresh</button> 
    <button md-menu-item>Settings</button> 
    <button md-menu-item>Help</button> 
    <button md-menu-item disabled>Sign Out</button> 
</md-menu> 

以下のように私のテンプレートで2メニューコンポーネントを過ごしていた場合は？。 通常、@ViewChild（MdMenuTrigger）では、テンプレートにメニューコンポーネントが1つしかない場合は、以下を使用できます。 @ViewChildにコンポーネント名を指定して、n番目のメニューコンポーネントを見つけ、プログラムでメニューを開くことによって、何らかの方法がありますか？

Answer 1

まず、あなたのコンポーネントに

class YourComponent implements AfterViewInit {

をAfterViewInitをフックする必要があり、あなたは@ViewChildren

@ViewChildren(MdMenuTrigger) triggers: QueryList<MdMenuTrigger>; 
// use ViewChildren to get a list of menu element 

ngAfterViewInit() { 

    // inside ngAfterViewInit lifecycle 
    // you get the triggers 

    this.triggers.forEach((item)=>{ 
    item.openMenu(); 
    }); 

}