Angular 7 - 未指定名称属性的表单控件缺少值访问器

Question

我能为您翻译中文，这篇文章是关于 IT 技术的。以下是需要翻译的内容：

我在我的 Angular 7 应用程序中遇到了这个错误，但我不知道为什么会出现这种情况。即使进行了一些研究，似乎也不能解释这个错误。

这就是我的代码：

<mat-form-field>
     <input matInput placeholder="Name" name="name" [(ngModel)]="data.name" [disabled]="inputReadonly" ngDefaultControl > 
</mat-form-field>

我尝试在mat-form-field和/或input上使用ngDefaultControl，有时添加name属性以及将[(ngModel)]移动到input上。但是，没有任何变化，我仍然收到相同的错误。

- DeooK

Answer 1

ngModel必须在input上指定，而不是在mat-form-field上指定。 mat-form-field的唯一目的是应用一些Material CSS样式。

- Guerric P

---

将输入框中的[(ngModel)]移动并不会改变任何内容。我尝试将其移动到mat-form-field上，以查看错误是否消失。顺便说一下，我会编辑这篇文章。 - DeooK

Answer 2

确保在您的app.module.ts中导入了MatFormFieldModule和MatInputModule模块，并在@NgModule({... imports:[MatFormFieldModule,MatInputModule, ...],...}中声明。

- viks