
Alejandro Valenzuela
PreguntaBuenas 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!

Nicolas Molina
Hola!
Parece ver que ser que te olvidaste te usar el módulo de ReactiveForms, recuerda que debes importar en el módulo esto para que lo puedas usar.
Por ejemplo fíjate que en esta línea lo hicimos en el curso https://github.com/platzi/platzi-store/blob/40-reactive-forms/src/app/shared/shared.module.ts#L32.

Alejandro Valenzuela
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>```