CngxMenuItem

DirectivePrimaryv0.1.0WCAG AA

projects/common/interactive/menu/menu-item.directive.ts

Import#

import { CngxMenuItem } from '@cngx/common/interactive'

Description#

A single action menuitem registered with a surrounding CngxActiveDescendant. Unlike CngxOption, menu items carry no selection state - activation fires the AD's activated output and the consumer dispatches the action.

Click activates (honouring the disabled state). pointerenter highlights without activating, matching native menu behaviour.

https://cngxjs.github.io/cngx/examples/#/common/interactive/context-menu/right-click-target-zone https://cngxjs.github.io/cngx/examples/#/common/interactive/menu/submenu/two-level-submenu https://cngxjs.github.io/cngx/examples/#/common/interactive/menu/trigger/dropdown-menu https://cngxjs.github.io/cngx/examples/#/common/interactive/menu/base/action-menu-with-separator

Metadata#

Selector: [cngxMenuItem]
Export as: cngxMenuItem
Implements: CngxAdItemHandle

Host#

Static attributes: rolemenuitem
[id]id
[attr.aria-disabled]disabled() || null
[attr.tabindex]-1
Bound classes: cngx-menu-item--highlighted ← isHighlighted cngx-menu-item--disabled ← disabled
Listeners: click → handleClick pointerenter → handlePointerEnter

Providers#

CNGX_AD_ITEM: useExisting CngxMenuItem

Relationships

Used by1

componentCngxBreadcrumbOverflowDrop-in overflow menu for {@link CngxBreadcrumbBar}.

Depends on1

CNGX_AD_ITEMservice

Index#

Inputs#

disabled#boolean

input()

default false

labelInput#string | undefined

input()

default undefined, { alias: 'label' }

value#T | undefined

input()

Instance Properties#

id#unknown

Readonly

nextUid('cngx-menu-item')

label#unknown

Readonly

() => {...}

Methods#

handleClick#void

Protected

handlePointerEnter#void

Protected

HostBindings#

Binding	Expression
`[id]`	`id`
`[class.cngx-menu-item--highlighted]`	`isHighlighted()`
`[class.cngx-menu-item--disabled]`	`disabled()`
`[attr.aria-disabled]`	`disabled() \|\| null`
`[attr.tabindex]`	`-1`

HostListeners#

Event	Handler
`(click)`	`click()`
`(pointerenter)`	`pointerenter()`

CngxMenuItem

Import#

Description#

Related#

Metadata#

Host#

Providers#

Relationships

Used by1

Depends on1

Index#

Properties

Methods

Inputs

Derived State

HostBindings

HostListeners

Inputs#

Instance Properties#

Methods#

HostBindings#

HostListeners#