如何在模板驱动器Angular表单中消除'No value accessor for form control'

2 回答

• 0

  如果您要在自定义组件中使用NgForm，NgModel和其他此类内容，则需要将FormsModule导入到声明组件的NgModule中 . 顺便说一句，您的链接提供了您需要导入的模块名称（FormsModule） . 此外，您不需要分别声明指令NgForm，NgModelGroup和NgModel，因为它们已经在FormsModule中声明 .

  所以，你的模块应该是这样的：

  import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { FormsModule } from '@angular/forms';
  import { AppComponent } from './app.component';
  import { FormComponent } from './form/form.component';
  
  @NgModule({
      declarations: [
          AppComponent,
          FormComponent
      ],
      imports: [
          BrowserModule,
          FormsModule // <-- this is what you need to do
      ],
      providers: [],
      bootstrap: [AppComponent]
  })
  export class AppModule { }
  

  Explanation of this exact error

  实际上，错误几乎是不言自明的 . 你需要提供一些实现ControlValueAccessor接口的东西（在你的特定情况下会使用DefaultValueAccessor），因为你把它放在输入 requires 它的NgModel上 . 实现ControlValueAccessor的类实际上是将值放在DOM元素中并处理来自它的用户输入 . 这是不同类型的DOM用户输入元素的角度抽象 - 单选按钮，复选框，文本输入和选择，仅举几例 . 因此，由于您没有提供任何实现此接口的内容（并使用NG_VALUE_ACCESSOR标记提供所述实现），因此角度注入器会因为这个原因而无法实例化NgModel . 但是如果您导入FormsModule，那么您将立即得到所有这些东西，因为这个模块提供了几个开箱即用的值访问器，没有额外的声明 .

  回复于 2024-04-26T09:06:12+08:00
• 0

  将FormsModule添加到app.module.ts中的imports数组解决了这个问题：

  imports: [
      BrowserModule,
      FormsModule // <-- this is what you need to do
  ],
  

  回复于 2024-04-26T09:06:12+08:00