情况:
我正在尝试在我的 Ionic 2 应用程序中制作一个非常简单的登录表单。
无论我尝试什么,我都会不断收到此错误:
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>
问题:
你知道我为什么会收到错误吗?
你知道该代码有什么问题吗?
Thanks!
添加代码在ionViewDidLoad
进入构造函数。它可能没有及时分配表单,导致视图使用未定义
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)