CngxFilterGroup

DirectivePrimaryv0.1.0WCAG AA

projects/forms/filter-builder/filter-builder-group.directive.ts

Import#

import { CngxFilterGroup } from '@cngx/forms/filter-builder'

Description#

Context atom binding a FilterGroup node at the given path to the recursive template body. Injects the host through CNGX_FILTER_BUILDER_HOST (not the concrete presenter class) so the decompose schematic can eject the recursive body independently of the brain.

Every object/array signal carries an explicit equal fn; the empty-filters fallback uses a shared frozen array so null reads do not allocate.

https://cngxjs.github.io/cngx/examples/#/forms/filter-builder/basic-two-way-binding-json-inspection https://cngxjs.github.io/cngx/examples/#/forms/filter-builder/seeded-tree-and-or-composition

Metadata#

Selector: [cngxFilterGroup]
Export as: cngxFilterGroup

Host#

Static attributes: rolegroup
[attr.aria-label]groupLabel()
Bound classes: cngx-filter-group-root ← isRoot cngx-filter-group-negated ← negated
Bound styles: --cngx-filter-builder-depth ← depth

Relationships

Used by1

componentCngxFilterBuilderBodyRecursive renderer for ``.

Index#

Inputs#

path#readonly number[]

input()Required

default { alias: 'cngxFilterGroup' }

HostBindings#

Binding	Expression
`[attr.aria-label]`	`groupLabel()`
`[class.cngx-filter-group-root]`	`isRoot()`
`[class.cngx-filter-group-negated]`	`negated()`
`[style.--cngx-filter-builder-depth]`	`depth()`