Estou fazendo um pequeno aplicativo, que pega uma mensagem digitada no formulário e grava no console. Tentei importar vários itens e encontrei problemas semelhantes ao meu na internet, mas não me ajudaram. Estou recebendo este erro:
Can't bind to 'formGroup' since it isn't a known property of 'form'.
app.component.html:
<div class="content" role="main">
<a>
<form [formGroup]="pushForm"> <!--Show the error here -->
<label>Titulo:</label>
<input class="form-control" formControlName="titulo">
<label>Menssagem:</label>
<input class="form-control" formControlName="menssagem">
<button (click)="printConsole();" >Enviar Menssagem</button>
</form>
</a>
</div>
<router-outlet></router-outlet>
app.component.ts:
import { Component, NgModule } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';
import { FormControl, FormGroup } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
@NgModule({
imports: [
BrowserModule,
ReactiveFormsModule
],
})
export class AppComponent {
pushForm = new FormGroup ({
titulo: new FormControl(),
mensagem: new FormControl(),
});
printConsole() {
console.log("Menssagem: "+ this.pushForm.value);
}
}
<form>
dentro de uma tag<a>
, fora isso não há problema no código!