CngxStepLabel

Directivev0.1.0WCAG AA

projects/common/stepper/step-label.directive.ts

Import#

import { CngxStepLabel } from '@cngx/common/stepper'

Description#

Marker directive carrying a CngxStep's label template. Discovered via contentChild(CngxStepLabel). Typed with CngxStepLabelContext for typed let-node="node" / let-active="active" access.

<ng-template cngxStepLabel let-node="node">
  {{ node.label() }}
</ng-template>

https://cngxjs.github.io/cngx/examples/#/ui/stepper/stepper-custom-labels/mixing-code-label-code-input-with-code-cngxsteplabel-code-slot

Metadata#

Selector: ng-template[cngxStepLabel]

Index#

Properties

templateRef

Instance Properties#

templateRef#unknown

Readonly

inject<TemplateRef<CngxStepLabelContext>>(TemplateRef)