Auto-renders validation errors from the {@link CNGX_ERROR_MESSAGES} registry · Form-level error summary - lists all v...
forms/field
Category
No results found
Features21#
- ComponentCngxFieldErrorsWCAG AAAuto-renders validation errors from the {@link CNGX_ERROR_MESSAGES} registry
- ComponentCngxFormErrorsWCAG AAForm-level error summary - lists all validation errors across all fields
- ComponentCngxFormFieldWCAG AAInvisible A11y coordination container for form fields
- ComponentCngxLabelWCAG AALabel for a cngx-form-field
- ComponentCngxRequiredWCAG AAAuto-showing required indicator inside a cngx-form-field
- DirectiveCngxAffixRowWCAG AAStructural row that lays a form control out with its {@link CngxPrefix} and {@link CngxSuffix} affixes on a single ba...
- DirectiveCngxBindFieldWCAG AAUniversal bridge that connects any control - Material ( <mat-select> , <mat-chip-grid> , …), native ( <...
- DirectiveCngxErrorWCAG AAMarks a manual error container inside a cngx-form-field
- DirectiveCngxErrorScopeFieldBridgeWCAG AABridges an ambient CngxErrorScope (from @cngx/common/interactive ) into the Forms-local {@link CNGX_FORM_FIELD_REVEAL...
- DirectiveCngxFieldSkinHostWCAG AAResolves the appearance of one control and writes it to its own host as data-skin , which is what the skin CSS scopes on
- DirectiveCngxFormFieldPresenterWCAG AACore coordination directive for cngx-form-field
- DirectiveCngxHintWCAG AAMarks the hint element inside a cngx-form-field
- DirectiveCngxListboxFieldBridgeWCAG AABridges a CngxListbox into a <cngx-form-field>
- DirectiveCngxPrefixWCAG AATyped prefix affix for a form-field control - a positioned add-on rendered before the input (currency symbol, unit, i...
- DirectiveCngxRangeSliderFieldBridgeWCAG AABridges a <cngx-range-slider> (or a bare [cngxRangeSliderTrack] ) into a <cngx-form-field>
- DirectiveCngxSliderFieldBridgeWCAG AABridges a <cngx-slider> (or a bare [cngxSliderTrack] ) into a <cngx-form-field>
- DirectiveCngxSuffixWCAG AATyped suffix affix for a form-field control - a positioned add-on rendered after the input (unit, currency code, inli...
- TokenCNGX_ERROR_MESSAGESWCAG AAMaps each validation error kind to the function that renders its message
- TokenCNGX_FORM_FIELD_CONFIGHolds the merged FormFieldConfig every CngxFormField in scope reads for its defaults
- TokenCNGX_FORM_FIELD_REVEALWCAG AAResolves to the active error-reveal trigger for the surrounding CngxFormField - the showErrors flag the presenter ORs...
- TokenCNGX_VALUE_TRANSFORMERResolves to the CngxValueTransformer a control publishes for translating between its typed value and its DOM display ...
References40#
- InterfaceCngxFieldErrorContextTemplate context type for CngxFieldErrors custom templates
- InterfaceCngxFieldRefAbstraction over Angular Signal Forms' FieldState
- InterfaceCngxFormErrorsSummaryContextTemplate context for CngxFormErrors custom templates
- InterfaceCngxFormFieldRevealContractForms-side abstraction over "is the user-driven error reveal active?"
- InterfaceCngxRequiredContextTemplate context type for CngxRequired custom templates
- InterfaceCngxValueTransformerBidirectional contract between a directive's typed value and the DOM-visible display string
- InterfaceConstraintHintFormattersComplete set of formatter functions for constraint hint text
- InterfaceConstraintMetadataConstraint metadata passed to the extra hint formatter
- InterfaceErrorStrategyContextSnapshot passed to a custom {@link ErrorStrategyFn}
- InterfaceFieldControlAriaSignals and handlers returned from {@link createFieldControlAria}
- InterfaceFieldControlAriaOptionsOptions for {@link createFieldControlAria}
- InterfaceFieldSyncOptionsOptions for {@link createFieldSync}
- InterfaceFormErrorItemA single error item in the form-level summary
- InterfaceFormFieldConfigApplication-wide configuration for cngx form fields
- InterfaceFormFieldFeatureA feature configuration function returned by withXxx() helpers
- FunctionadaptFormControlAdapts an Angular Reactive Forms AbstractControl (FormControl, FormGroup, FormArray) to the CngxFieldAccessor interfa...
- FunctioncreateFieldControlAriaField-control ARIA scaffolding shared by every control that provides CNGX_FORM_FIELD_CONTROL against a surrounding cn...
- FunctioncreateFieldSyncBidirectional Field <-> control value sync via {@link CngxFormFieldPresenter}
- FunctionfocusFirstErrorFocuses the first invalid leaf field's bound control after form submission
- FunctioninjectFormFieldConfigReads the resolved form-field config in an injection context
- FunctionprovideErrorMessagesBinds only the validation message map, for apps that need no other form-field config
- FunctionprovideFormFieldRegisters application-wide defaults for every CngxFormField in scope
- FunctionprovideFormFieldAtComponent-scope twin of {@link provideFormField}
- FunctionwithAutocompleteMappingsOverride or extend the autocomplete mappings for CngxInput
- FunctionwithConstraintHintsEnable auto-generated constraint hints for all form fields
- FunctionwithErrorMessagesRegister the application-wide validation error message map
- FunctionwithErrorStrategyConfigures the error visibility strategy used by CngxFormFieldPresenter.showError
- FunctionwithFieldSkinSet the app-wide default appearance for form fields and the controls inside them
- FunctionwithNoSpellcheckOverride or extend the set of field names where spellcheck="false" is auto-applied
- FunctionwithRequiredMarkerAuto-render a required marker (e.g
- VariableDEFAULT_HINT_FORMATTERSEnglish default formatters for constraint hints
- Type AliasCngxFieldAccessorA callable that returns a CngxFieldRef - matches the shape of Angular Signal Forms' Field<T>
- Type AliasErrorMessageFnA function that maps a validation error to a human-readable message string
- Type AliasErrorMessageMapA map of validation error kind strings to their message rendering functions
- Type AliasErrorStrategyFnCustom error visibility strategy
- Type AliasErrorStrategyNameBuilt-in error visibility strategies used by {@link withErrorStrategy}
- InterfaceMockFieldOptionsOptions for {@link createMockField}
- InterfaceMockFieldRefA writable mock of CngxFieldRef for testing
- FunctioncreateMockFieldCreates a mock CngxFieldAccessor that returns a fully writable MockFieldRef
- FunctionmockValidationErrorCreates a mock ValidationError.WithFieldTree for testing