How to open a particular menu programmatically if more than one menu element - angular cdk menu

How to open a particular menu programmatically if more than one menu element - angular cdk menu

Code Menu 1-


<button [cdkMenuTriggerFor]="menu" class="example-standalone-trigger">Click me!</button>

<ng-template #menu>
<div class="example-menu" cdkMenu>
<button class="example-menu-item" cdkMenuItem>Refresh</button>
<button class="example-menu-item" cdkMenuItem>Settings</button>
<button class="example-menu-item" cdkMenuItem>Help</button>
<button class="example-menu-item" cdkMenuItem>Sign out</button>
</div>
</ng-template>

Code Menu 2 -


<button [cdkMenuTriggerFor]="menu2" class="example-standalone-trigger">Click me!</button>

<ng-template #menu2>
<div class="example-menu" cdkMenu>
<button class="example-menu-item" cdkMenuItem>Menu Item1</button>
<button class="example-menu-item" cdkMenuItem>Menu Item2</button>
<button class="example-menu-item" cdkMenuItem>Menu Item3</button>
<button class="example-menu-item" cdkMenuItem>Menu Item4</button>
</div>
</ng-template>

Continue reading...