angular – formGroup需要一个FormGroup实例.请通过一个
发布时间:2020-12-17 10:18:26 所属栏目:安全 来源:网络整理
导读:情况: 我想在我的Ionic 2应用程序中创建一个非常简单的登录表单. 无论我尝试什么,我都会收到这个错误: formGroup expects a FormGroup instance. Please pass one in. 代码: 页面组件: import { Component } from '@angular/core';import { NavControlle
情况:
我想在我的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: ['',}); } 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中的代码添加到构造函数中.它可能没有及时分配表单,导致视图使用undefined
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |