A list of menu items.
element
HTMLElementA reference to the host element.
textDirection
WritableSignal<Direction>The directionality (LTR / RTL) context for the application (or a subtree of it).
id
InputSignal<any>The unique ID of the menu.
wrap
InputSignalWithTransform<boolean, unknown>Whether the menu should wrap its items.
typeaheadDelay
InputSignal<number>The delay in milliseconds before the typeahead buffer is cleared.
disabled
InputSignalWithTransform<boolean, unknown>Whether the menu is disabled.
parent
WritableSignal<MenuTrigger<V> | MenuItem<V> | undefined>A reference to the parent menu item or menu trigger.
itemSelected
OutputEmitterRef<V>A callback function triggered when a menu item is selected.
expansionDelay
InputSignal<number>The delay in milliseconds before expanding sub-menus on hover.
close
voidCloses the menu.
@returns
voidDescription
A list of menu items.
A ngMenu is used to offer a list of menu item choices to users. Menus can be nested
within other menus to create sub-menus. It works in conjunction with ngMenuTrigger
and ngMenuItem directives.
<button ngMenuTrigger [menu]="myMenu">Options</button>
<div ngMenu #myMenu="ngMenu">
<div ngMenuItem value="Star">Star</div>
<div ngMenuItem value="Edit">Edit</div>
<div ngMenuItem value="More" [submenu]="subMenu">More</div>
</div>
<div ngMenu #subMenu="ngMenu">
<div ngMenuItem value="Sub Item 1">Sub Item 1</div>
<div ngMenuItem value="Sub Item 2">Sub Item 2</div>
</div>Jump to details