Buenas a tardes, tengo un error, si alguien me pude tirar una mano, porque no logro solucionarlo…este lo copie de la documentacion de ang...

Pregunta de la clase:
Introducción al FormControl
Alejandro Valenzuela

Alejandro Valenzuela

Pregunta
studenthace 6 años

Buenas a tardes, tengo un error, si alguien me pude tirar una mano, porque no logro solucionarlo…este lo copie de la documentacion de angular

compiler.js:2175 Uncaught Error: Template parse errors: Can't bind to 'formControl' since it isn't a known property of 'input'. ("ntainer"> <mat-form-field> <input matInput placeholder="Enter your email" [ERROR ->][formControl]="emailField" required> <mat-error *ngIf="emailField.invalid">{{getErrorMe"): ng:///SharedModule/FooterComponent.html@39:61 at syntaxError (compiler.js:2175) at TemplateParser.parse (compiler.js:11388) at JitCompiler._parseTemplate (compiler.js:25961) at JitCompiler._compileTemplate (compiler.js:25949) at compiler.js:25893 at Set.forEach (<anonymous>) at JitCompiler._compileComponents (compiler.js:25893) at compiler.js:25806 at Object.then (compiler.js:2166) at JitCompiler._compileModuleAndComponents (compiler.js:25805)

Este es mi componente:

import { Component, OnInit } from '@angular/core'; import {FormControl, Validators} from '@angular/forms'; @Component({ selector: 'app-footer', templateUrl: './footer.component.html', styleUrls: ['./footer.component.css'] }) export class FooterComponent implements OnInit { emailField = new FormControl('', [ Validators.required, Validators.email ]); constructor() { } getErrorMessage() { return this.emailField.hasError('required') ? 'You must enter a value' : this.emailField.hasError('email') ? 'Not a valid email' : ''; } ngOnInit() {} sendEmail() { if (this.emailField.valid) { console.log(this.emailField.value); } } }

tambien tengo importado material.module.ts

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

Saludos!

2 respuestas
para escribir tu comentario
    Alejandro Valenzuela

    Alejandro Valenzuela

    studenthace 6 años

    Me falto html:

    <div class="col-xs-12 col-md-4"> <div class="box"> <h3>Contacto</h3> <div class="example-container"> <mat-form-field> <input matInput placeholder="Enter your email" [formControl]="emailField" required> <mat-error *ngIf="emailField.invalid">{{getErrorMessage()}}</mat-error> </mat-form-field> </div> </div> </div>```
Curso de Angular [Empieza Gratis]

Curso de Angular [Empieza Gratis]

Entiende los conceptos fundamentales de Angular 8. Conoce la arquitectura de este Framework para que programes aplicaciones web con sus mejores prácticas. Conecta tus aplicaciones con una API para obtener datos de un sistema de Backend. Crea una tienda en línea y publícala en Internet con Firebase.

Curso de Angular [Empieza Gratis]
Curso de Angular [Empieza Gratis]

Curso de Angular [Empieza Gratis]

Entiende los conceptos fundamentales de Angular 8. Conoce la arquitectura de este Framework para que programes aplicaciones web con sus mejores prácticas. Conecta tus aplicaciones con una API para obtener datos de un sistema de Backend. Crea una tienda en línea y publícala en Internet con Firebase.