CngxContextMenuContent

Directivev0.1.0WCAG AA

projects/ui/context-menu/context-menu-content.directive.ts

Import#

import { CngxContextMenuContent } from '@cngx/ui/context-menu'

Description#

Lazy content slot for CngxContextMenu. The template renders only while the menu is open and receives the trigger's per-open datum as $implicit, so one panel declaration serves every target of a delegated trigger with row-correct content.

<cngx-context-menu #menu ariaLabel="Row actions">
  <ng-template cngxContextMenuContent let-row>
    <cngx-context-menu-item (select)="edit(row)">Edit {{ row.name }}</cngx-context-menu-item>
  </ng-template>
</cngx-context-menu>

https://cngxjs.github.io/cngx/examples/#/ui/context-menu/grid/delegated-resolver https://cngxjs.github.io/cngx/examples/#/ui/context-menu/table/row-context-data

Metadata#

Selector: ng-template[cngxContextMenuContent]
Export as: cngxContextMenuContent

Index#

Properties

templateRef

Methods

ngTemplateContextGuard

Instance Properties#

templateRef#unknown

Readonly

The projected <ng-template>, rendered by the panel while open.

inject<TemplateRef<CngxContextMenuContentContext<T>>>(TemplateRef)

Methods#

ngTemplateContextGuard#CngxContextMenuContentContext

Static

ngTemplateContextGuard(_dir: CngxContextMenuContent<T>, _ctx: unknown)

Narrows let- bindings to CngxContextMenuContentContext under strict templates.

@param_dirCngxContextMenuContent

@param_ctxunknown