Angular 7-具有未指定名称属性的表单控件无值访问器

Question

I'm getting this error on my Angular 7 app and I don't know why. Even with some researches it seems that this error doesn't make sense.

This is what I have:

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

I've tried with and withoud ngDefaultControl on mat-form-field and/or input, with and without the name attribute and to move [(ngModel)] on input. Nothing is changed, I'm still receiving the same error.

Answer 1

ngModel has to be specified on the input , not on the mat-form-field . The only purpose of mat-form-field is to apply some Material CSS

Answer 2

请确保您有MatFormFieldModule和MatInputModule在进口app.module.ts并在声明@NgModule({... imports:[MatFormFieldModule,MatInputModule, ...],...}