加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读