CngxTreeSelectChip

Directivev0.1.0WCAG AA

projects/forms/select/tree-select/tree-select-chip.directive.ts

Info
API

Import#

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

Description#

Per-chip override for CngxTreeSelect's trigger. Replaces the default <cngx-chip> pill while keeping the commit-aware remove callback wired to the single-deselect flow.

Zero-logic slot holder discovered via contentChild and rendered through *ngTemplateOutlet.

<cngx-tree-select [nodes]="tree" [(values)]="picked">
  <ng-template cngxTreeSelectChip let-opt let-remove="remove">
    <span class="chip chip--primary">
      {{ opt.label }}
      <button type="button" (click)="remove()" aria-label="Remove">✕</button>
    </span>
  </ng-template>
</cngx-tree-select>

Metadata#

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

Index#

Properties

templateRef

Instance Properties#

templateRef#unknown

Readonly

inject<TemplateRef<CngxTreeSelectChipContext<T>>>(TemplateRef)