CngxBreadcrumbOverflowItem

Directivev0.1.0WCAG AA

projects/ui/breadcrumb/breadcrumb-overflow-item.directive.ts

Import#

import { CngxBreadcrumbOverflowItem } from '@cngx/ui/breadcrumb'

Description#

Structural slot for the per-row body inside the CngxBreadcrumbOverflow menu. Replaces the default label row so a consumer can render a navigable crumb (an <a href> or [routerLink]); the <li cngxMenuItem> shell stays library-owned.

<cngx-breadcrumb-overflow>
  <ng-template cngxBreadcrumbOverflowItem let-crumb>
    <a [href]="hrefFor(crumb)">{{ crumb.resolvedLabel() }}</a>
  </ng-template>
</cngx-breadcrumb-overflow>

https://cngxjs.github.io/cngx/examples/#/ui/breadcrumb/overflow/custom-overflow-row

Metadata#

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

Index#

Properties

templateRef

Methods

ngTemplateContextGuard

Instance Properties#

templateRef#unknown

Readonly

inject<TemplateRef<CngxBreadcrumbOverflowItemContext>>(TemplateRef)

Methods#

ngTemplateContextGuard#CngxBreadcrumbOverflowItemContext

Static

ngTemplateContextGuard(_dir: CngxBreadcrumbOverflowItem, _ctx: unknown)

Narrows let- bindings to CngxBreadcrumbOverflowItemContext under strict templates.

@param_dirCngxBreadcrumbOverflowItem

@param_ctxunknown