@angular/aria/menu

MenuTrigger

directive

A trigger for a menu.

API

    
      class MenuTrigger<V> {}

element

HTMLElement

A reference to the host element.

textDirection

any

The directionality (LTR / RTL) context for the application (or a subtree of it).

expanded

any

Whether the menu is expanded.

hasPopup

any

Whether the menu trigger has a popup.

disabled

any

Whether the menu trigger is disabled.

softDisabled

any

Whether the menu trigger is soft disabled.

open

void

Opens the menu focusing on the first menu item.

@returnsvoid

close

void

Closes the menu.

@returnsvoid

The ngMenuTrigger directive is used to open and close menus. It can be applied to any interactive element (e.g., a button) to associate it with a ngMenu instance. It also supports linking to sub-menus when applied to a ngMenuItem.

<button ngMenuTrigger [menu]="myMenu">Open Menu</button><div ngMenu #myMenu="ngMenu">  <div ngMenuItem>Item 1</div>  <div ngMenuItem>Item 2</div></div>

API

Description