Angular报错：无法绑定到'formControl'，input无该属性求助

问题根源在于你虽然导入了ReactiveFormsModule，但未将其添加到模块的imports数组中，导致Angular无法识别formControl指令。

修改你的AppModule代码，将ReactiveFormsModule加入imports数组即可：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { ReactiveFormsModule } from '@angular/forms';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { FavoriteColorComponent } from './favorite-color/favorite-color.component';

@NgModule({
  declarations: [
    AppComponent,
    FavoriteColorComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    ReactiveFormsModule // 添加这一行
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

说明： #

• ReactiveFormsModule封装了Angular响应式表单所需的全部指令（包括formControl）和服务，只有在模块的imports中声明后，该模块下的组件才能使用响应式表单相关的绑定语法。
• 如果你不需要模板驱动表单，FormsModule可以移除；如果同时使用两种表单类型，则保留两个模块即可。

内容的提问来源于stack exchange，提问作者User9123