mat-form-field debe contener un MatFormFieldControl

Solución:

Tuve este problema. Yo importé MatFormFieldModule en mi módulo principal, pero olvidé agregar MatInputModule al imports matriz, así:

import { MatFormFieldModule, MatInputModule } from '@angular/material';

@NgModule({
    imports: [
        MatFormFieldModule,
        MatInputModule
    ]
})
export class AppModule { }

Más info aquí.

Problema 1: MatInputModule No importado

importar MatInputModule y MatFormFieldModule dentro del módulo es decir app.module.ts

import { MatInputModule } from '@angular/material/input';
import { MatFormFieldModule } from "@angular/material/form-field";

Problema 2: Error de ortografía

Asegúrate de agregar matInput y distingue entre mayúsculas y minúsculas.

<input matInput type="text" />

Problema 3: el compilador sigue dando ERROR

Si el compilador angular sigue dando errores después de solucionar los problemas anteriores, debe intentar reiniciar la aplicación.

ng serve

Desafortunadamente, proyección de contenido en mat-form-field aún no es compatible. Realice un seguimiento del siguiente problema de github para obtener las últimas noticias al respecto.

Por ahora, la única solución para ti es colocar tu contenido directamente en mat-form-field componente o implementar un MatFormFieldControl class creando así un componente de campo de formulario personalizado.

---

---

Utiliza Nuestro Buscador