Javascript 错误:未捕获(承诺中):错误:formGroup需要一个formGroup实例。请递一张
我在angular cli中遇到了一个小问题,我无法解决,我在这里找到了一些类似的答案,但仍然无法用建议的解决方案解决 Html:Javascript 错误:未捕获(承诺中):错误:formGroup需要一个formGroup实例。请递一张,javascript,angular,angular-cli,Javascript,Angular,Angular Cli,我在angular cli中遇到了一个小问题,我无法解决,我在这里找到了一些类似的答案,但仍然无法用建议的解决方案解决 Html: 您将调用this.loginForm()两次:一次在构造函数中调用,一次在ngOnInit()中调用 在构造器中进行调用。请仅用英语发布。。谢谢,教授,我忘了,,, <div class="columns"> <div class="column is-half is-offset-one-quarter"> <form [
您将调用
this.loginForm()
两次:一次在构造函数中调用,一次在ngOnInit()中调用
在构造器中进行调用。请仅用英语发布。。谢谢,教授,我忘了,,,
<div class="columns">
<div class="column is-half is-offset-one-quarter">
<form [formGroup]="form">
<div class="field">
<p class="control has-icon">
<input class="input" type="email" placeholder="E-mail..." formControlName="email" required>
<span class="icon is-small"><i class="fa fa-envelope"></i></span>
</p>
<span class="help is-danger" *ngIf="!form.controls.email.valid">E-mail inválido!</span>
</div>
<div class="field">
<p class="control has-icon">
<input class="input" type="password" placeholder="Senha..." formControlName="password">
<span class="icon is-small"><i class="fa fa-lock"></i></span>
</p>
<span class="help is-danger" *ngIf="!form.controls.password.valid">E-mail inválido!</span>
</div>
<button class="button is-success is-fullwidth" routerLink="/adminpage" [disabled]="!form.valid">LOGIN</button>
</form>
</div>
</div>
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators, } from '@angular/forms';
@Component({
selector: 'app-login-page',
templateUrl: './login-page.component.html'
})
export class LoginPageComponent implements OnInit {
public form: FormGroup;
constructor(private fb: FormBuilder) {
this.loginForm();
}
loginForm() {
this.form = this.fb.group({
email: ['', Validators.compose([
Validators.required,
Validators.minLength(5),
Validators.maxLength(50),
])],
password: ['', Validators.compose([
Validators.minLength(6),
Validators.maxLength(32),
Validators.required
])]
});
}
ngOnInit(): void {
this.loginForm();
}
}