ReactiveFormsModule

ngmodule

Exports the required infrastructure and directives for reactive forms, making them available for import by NgModules that import this module.

      
      class ReactiveFormsModule {
  static withConfig(opts: { warnOnNgModelWithFormControl: "never" | "once" | "always"; }): ModuleWithProviders<ReactiveFormsModule>
}

Static methods

withConfig()

Provides options for configuring the reactive forms module.

      
      static withConfig(opts: { warnOnNgModelWithFormControl: "never" | "once" | "always"; }): ModuleWithProviders<ReactiveFormsModule>

Parameters

opts

object

An object of configuration options

warnOnNgModelWithFormControl Configures when to emit a warning when an ngModel binding is used with reactive form directives.

Returns

ModuleWithProviders<ReactiveFormsModule>

Providers

Provider
FormBuilder `FormBuilder`
RadioControlRegistry `RadioControlRegistry`

Directives

Name	Description
CheckboxControlValueAccessor `CheckboxControlValueAccessor`	A `ControlValueAccessor` for writing a value and listening to changes on a checkbox input element.
CheckboxRequiredValidator `CheckboxRequiredValidator`	A Directive that adds the `required` validator to checkbox controls marked with the `required` attribute. The directive is provided with the `NG_VALIDATORS` multi-provider list.
DefaultValueAccessor `DefaultValueAccessor`	The default `ControlValueAccessor` for writing a value and listening to changes on input elements. The accessor is used by the `FormControlDirective`, `FormControlName`, and `NgModel` directives.
EmailValidator `EmailValidator`	A directive that adds the `email` validator to controls marked with the `email` attribute. The directive is provided with the `NG_VALIDATORS` multi-provider list.
FormArrayName `FormArrayName`	Syncs a nested `FormArray` to a DOM element.
FormControlDirective `FormControlDirective`	Syncs a standalone `FormControl` instance to a form control element.
FormControlName `FormControlName`	Syncs a `FormControl` in an existing `FormGroup` to a form control element by name.
FormGroupDirective `FormGroupDirective`	Binds an existing `FormGroup` to a DOM element.
FormGroupName `FormGroupName`	Syncs a nested `FormGroup` to a DOM element.
MaxLengthValidator `MaxLengthValidator`	A directive that adds max length validation to controls marked with the `maxlength` attribute. The directive is provided with the `NG_VALIDATORS` multi-provider list.
MinLengthValidator `MinLengthValidator`	A directive that adds minimum length validation to controls marked with the `minlength` attribute. The directive is provided with the `NG_VALIDATORS` mult-provider list.
NgControlStatus `NgControlStatus`	Directive automatically applied to Angular form controls that sets CSS classes based on control status.
NgControlStatusGroup `NgControlStatusGroup`	Directive automatically applied to Angular form groups that sets CSS classes based on control status (valid/invalid/dirty/etc).
NgSelectOption `NgSelectOption`	Marks `<option>` as dynamic, so Angular can be notified when options change.
PatternValidator `PatternValidator`	A directive that adds regex pattern validation to controls marked with the `pattern` attribute. The regex must match the entire control value. The directive is provided with the `NG_VALIDATORS` multi-provider list.
RadioControlValueAccessor `RadioControlValueAccessor`	The `ControlValueAccessor` for writing radio control values and listening to radio control changes. The value accessor is used by the `FormControlDirective`, `FormControlName`, and `NgModel` directives.
RequiredValidator `RequiredValidator`	A directive that adds the `required` validator to any controls marked with the `required` attribute. The directive is provided with the `NG_VALIDATORS` multi-provider list.
SelectControlValueAccessor `SelectControlValueAccessor`	The `ControlValueAccessor` for writing select control values and listening to select control changes. The value accessor is used by the `FormControlDirective`, `FormControlName`, and `NgModel` directives.
SelectMultipleControlValueAccessor `SelectMultipleControlValueAccessor`	The `ControlValueAccessor` for writing multi-select control values and listening to multi-select control changes. The value accessor is used by the `FormControlDirective`, `FormControlName`, and `NgModel` directives.

See also