gpt4 book ai didi

angular - formGroup 需要一个 FormGroup 实例。请传一个进来

转载 作者:太空狗 更新时间:2023-10-29 17:24:48 26 4
gpt4 key购买 nike

情况:

我正在尝试在我的 Ionic 2 应用程序中创建一个非常简单的登录表单。

无论我尝试什么,我都会不断收到此错误:

formGroup expects a FormGroup instance. Please pass one in.

formGroup expects a FormGroup instance. Please pass one in.

代码:

页面组件:

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { FormGroup, Validators, FormBuilder } from '@angular/forms';

@Component({
selector: 'login-page',
templateUrl: 'login-page.html'
})

export class LoginPage {

loginForm: FormGroup;

constructor(public navCtrl: NavController, private formBuilder: FormBuilder) {}

ionViewDidLoad()
{
console.log('Login page loaded');

this.loginForm = this.formBuilder.group({
email: ['', Validators.required],
password: ['', Validators.required],
});
}

submitLogin()
{
console.log('Doing login..');
}

}

观点:

<ion-header>
<ion-navbar>
<ion-title>LoginPage</ion-title>
</ion-navbar>
</ion-header>

<ion-content padding>

<form [formGroup]="loginForm" (ngSubmit)="submitLogin()">

<ion-item>
<ion-label>Email</ion-label>
<ion-input #email type="email" formControlName="email"></ion-input>
</ion-item>

<ion-item>
<ion-label>Password</ion-label>
<ion-input #password type="text" formControlName="password"></ion-input>
</ion-item>

<button ion-button block type="submit">Submit</button>

</form>

</ion-content>

问题:

你知道我为什么会收到错误吗?

你知道这段代码有什么问题吗?

谢谢!

最佳答案

ionViewDidLoad 中的代码添加到构造函数中。可能是没有及时赋值表单,导致view使用undefined

关于angular - formGroup 需要一个 FormGroup 实例。请传一个进来,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40655381/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com