Skip to main content
cngx-src documentation

CngxFilterBuilderFormFieldControl

DirectivePrimaryv0.1.0WCAG AA

projects/forms/filter-builder/filter-builder-form-field-control.directive.ts

Import#

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

Description#

Opt-in directive that exposes CngxFilterBuilderPresenter as the CngxFormFieldControl of the current element and owns the (focusin) / (focusout) host bindings that drive the presenter's focused signal. Apply on <cngx-filter-builder> when wrapped in <cngx-form-field>:

<cngx-form-field>
  <cngx-filter-builder
    cngxFilterBuilderFormFieldControl
    [fields]="fields"
    [(value)]="value"
  ></cngx-filter-builder>
</cngx-form-field>

Listeners stay on this directive (not on the presenter) so consumers without the form-field bridge pay no event-listener cost.

Metadata#

Host#

Providers#

CNGX_FORM_FIELD_CONTROL
useExisting CngxFilterBuilderPresenter
CNGX_SELECT_DISABLE_FIELD_SYNC
useValue true

Relationships

Index#

Methods#

handleFocusIn#void
Protected
handleFocusOut#void
Protected
handleFocusOut(event: FocusEvent)
@parameventFocusEvent

HostListeners#

EventHandler
(focusin)focusin()
(focusout)focusout()