离子形式需要验证

时间:2018-02-14 15:50:20

标签: ionic-framework

使用离子理解一些简单的验证有些麻烦。我之前使用过AngularJS,它在HTML中非常简单,但它似乎是Ionic的真正痛苦。

我得到的错误是 -

Can't resolve all parameters for FormGroup: (?, ?, ?).

我只想在用户继续之前创建必填字段。这是我的代码 -

TS。

myGroup : FormGroup;

constructor(public navCtrl: NavController, 
public navParams: NavParams,    
private formGroup: FormGroup
) {

this.myGroup = new FormGroup({
  height: new FormControl(Validators.required),
  age: new FormControl(Validators.required)
})
}

HTML

form [formGroup]="myGroup">
<ion-input formControlName="age" type="number" name="age">Age</ion-input>
<ion-input formControlName="height" type="number"  name="height">Height</ion-input>
<button type="submit" ion-button (click)="CalculateBMR()">Submit</button>
</form>

编辑 - 注意到错误似乎来自 -

import { Validators, FormBuilder, FormGroup } from '@angular/forms';

如果我删除所有上述代码,我没有错误。但是,当我将其添加到app.module.ts文件时,我收到上述错误。

1 个答案:

答案 0 :(得分:1)

从构造函数中删除private formGroup: FormGroup。您不需要注入它,因为您正在显式创建它的新实例。