Angular 反应 forms，输入错误：没有名称的表单控件的值访问器

Question

我有一个定义如下的输入

    <form [formGroup]="loginForm"">
      <ion-input [formControlName]="'email'"></ion-input>

我的组件将表单声明为

this.loginForm = this.formBuilder.group({
  email: ['', Validators.compose([Validators.required, Validators.email])],
  password: ['', Validators.required]
});

然而在运行时 angular 抛出这个错误

错误错误：没有名称为“电子邮件”的表单控件的值访问器

我已确保我的模块导入中同时包含 ReactiveFormsModule 和 FormsModule

我还缺少什么其他想法吗？

Answer 1

您尚未导入声明<ion-input>的模块

详细说明

对于 Angular 9+， fullTemplateTypeCheck设置为false ，因此 angular 不会抱怨 请参阅以下来自 github的声明 Ivy 不会抱怨 ng-template 中的未知元素 #36171

这是由于 Ivy 的架构变化。 在以前的编译器 (ViewEngine) 中，对未知元素的检查将在模板解析期间发生。 在 Ivy 中，模板是独立于相应的 NgModule 进行解析的，因此无法获得 scope 中有关组件/指令的信息。 相反，元素检查被推入模板类型检查阶段，并且当前受类型检查器配置的影响。 但是，将 fullTemplateTypeCheck 设置为 true 时，它应该进入模板以检查它们（当它为 false 时，出于向后兼容的原因，它不会）

引擎不会抱怨未知元素，但会抱怨 valueAccessor