CngxTreeSelectTriggerLabel

Directivev0.1.0WCAG AA

projects/forms/select/tree-select/tree-select-trigger-label.directive.ts

Info
API

Import#

import { CngxTreeSelectTriggerLabel } from '@cngx/forms/select'

Description#

Override the entire chip strip with a custom summary. Mutually exclusive with *cngxTreeSelectChip - project one or the other. Context carries resolved selected items, raw values, and count.

Mirrors CngxMultiSelectTriggerLabel so the same snippet works across variants.

<cngx-tree-select [nodes]="tree" [(values)]="picked">
  <ng-template cngxTreeSelectTriggerLabel let-selected let-count="count">
    @if (count === 0) { <!-- placeholder takes over --> }
    @else if (count === 1) { {{ selected[0].label }} }
    @else { {{ count }} selected }
  </ng-template>
</cngx-tree-select>

Metadata#

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

Index#

Properties

templateRef

Instance Properties#

templateRef#unknown

Readonly

inject<TemplateRef<CngxTreeSelectTriggerLabelContext<T>>>(TemplateRef)