`ReactiveFormsModule`

Provides the directives needed for reactive (model-driven) forms.

Since Angular 2+ Spec ↗

Syntax

imports: [ReactiveFormsModule]

Returns

NgModule — Exports formGroup, formControl, formControlName, etc.

Examples

import { Component } from '@angular/core';
import { ReactiveFormsModule, FormControl } from '@angular/forms';

@Component({
  selector: 'app-x',
  standalone: true,
  imports: [ReactiveFormsModule],
  template: `<input [formControl]="search" />`,
})
export class XComponent {
  search = new FormControl('');
}

Notes

Add ReactiveFormsModule to a standalone component's imports (or an NgModule) to enable [formGroup], formControlName, formArrayName, and [formControl]. Use FormsModule instead for template-driven ngModel forms; both can coexist.