CngxFilter

Atom directive that holds one or more named filter predicates.

Supports both uncontrolled (internal state) and controlled modes. In controlled mode the cngxFilter input takes precedence over the internal 'default' predicate - pair with filterChange to keep it in sync.

Multi-filter - use addPredicate(key, fn) / removePredicate(key) to maintain a named stack of predicates. All active predicates are AND-combined across keys: an item must pass every registered predicate to appear in results.

AND vs OR - the directive enforces AND across dimensions (keys). OR logic within a single dimension stays inside the predicate function itself:

// AND across dimensions: location AND role must both match
filter.addPredicate('location', p => selectedLocations.has(p.location));
filter.addPredicate('role',     p => selectedRoles.has(p.role));

// OR within a dimension: London OR Rome - just put a Set inside one predicate
filter.addPredicate('location', p => selectedLocations.has(p.location));

setPredicate / clear operate on the 'default' key and remain fully backward-compatible with single-predicate usage.

Consumer connects this to a list via a computed() - nothing is injected automatically.

https://cngxjs.github.io/cngx/examples/#/common/data/filter-chips/custom-chip-decoration-via-cngxfilterchip https://cngxjs.github.io/cngx/examples/#/common/data/filter-chips/multi-role-filter-wired-to-a-list https://cngxjs.github.io/cngx/examples/#/common/data/smart-data-source/auto-wired https://cngxjs.github.io/cngx/examples/#/common/data/smart-data-source/how-it-works-hostdirectives-inject https://cngxjs.github.io/cngx/examples/#/common/data/smart-data-source/smartdatasource-cngxpaginate-hostdirective