FormBuilderの利用方法

FormBuilderを利用しようとすると、以下のエラーが発生する場合、Moduleのインポートが足りていない。

ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[DetailComponent -> FormBuilder]:
  StaticInjectorError(Platform: core)[DetailComponent -> FormBuilder]:
    NullInjectorError: No provider for FormBuilder!
Error: StaticInjectorError(AppModule)[DetailComponent -> FormBuilder]:
  StaticInjectorError(Platform: core)[DetailComponent -> FormBuilder]:
    NullInjectorError: No provider for FormBuilder!
    at

FormBUilderを利用する場合は、module にFormsModules, ReactiveFormsModuleのimportが必要。

// app.module.ts
import { FormsModule, ReactiveFormsModule }   from '@angular/forms';
@NgModule({
  imports: [
    CommonModule,
    FormsModule,
  ],
  declarations: [
  ],
})
export class AppModule { }

参考:

No Provider for FormBuilder [duplicate]