Angular: 7
Есть компонент для входа в приложение. Получаю ошибку:
Uncaught Error: Template parse errors: Can't bind to 'formGroup' since it isn't a known property of 'form'.
HTML:
<form [formGroup]="loginForm" novalidate (ngSubmit)="authenticate()">
<div class="row m-1">
<div class="col-sm-3 col-md-2 col-lg-1">
<span>Email:</span>
</div>
<div class="col-sm-4">
<input class="form-control"
placeholder="Email"
formControlName="email"
name="email">
</div>
</div>
<div class="row m-1">
<div class="col-sm-3 col-md-2 col-lg-1">
<span>Password:</span>
</div>
<div class="col-sm-4">
<input class="form-control"
placeholder="Password"
formControlName="password"
name="password">
</div>
</div>
<div class="row m-1">
<div class="col">
<button class="btn btn-primary"
[disabled]="loginForm.invalid">
Log in
</button>
</div>
</div>
</form>
TS:
import { Component, OnInit } from '@angular/core';
import { AuthenticationService } from "../shared/authentication.service";
import { Router } from "@angular/router";
import { FormBuilder, FormGroup, Validators } from "@angular/forms";
@Component({
selector: 'cts-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.sass']
})
export class LoginComponent implements OnInit {
loginForm: FormGroup;
constructor(private authService: AuthenticationService,
private formBuilder: FormBuilder) {
this.loginForm = formBuilder.group({
email: ['', [Validators.required, Validators.email]],
password: ['', [Validators.required]]
})
}
ngOnInit() { }
authenticate() {
console.log(this.loginForm);
}
}