No provider for ControlContainer

Cause

A ‘No provider for ControlContainer’ error occurred when setting formGroup in the form tag.

Environment

• The issue occurred in Angular version 8.x.
• Angular Material was applied.

Solution

To use form commands in Angular in addition to formGroup, you need to import ReactiveFormsModule in the module. ReactiveFormsModule is located in ‘@angular/forms’.

import { ReactiveFormsModule } from '@angular/forms';

@NgModule({
    imports: [
        ReactiveFormsModule
    ]
})

Angular 17 or above

// src/app/app.config.ts
import { ApplicationConfig } from '@angular/core';
import { provideRouter } from '@angular/router';
import { provideReactiveFormsModule } from '@angular/forms'; 

import { routes } from './app.routes';

export const appConfig: ApplicationConfig = {
  providers: [
    provideRouter(routes),
    provideReactiveFormsModule()
  ]
};