离子形式需要验证

Question

在理解一些使用 ionic 的简单验证时遇到了一些麻烦。我以前用过 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 文件中时，出现上述错误。

Answer 1

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