ionic2中的动态表单验证

纳伦德拉·维亚斯(Narendra Vyas)

我正在ionic2中创建一个表单,其中字段根据用户动态更改的类别进行更改。

如果选择字段类别为A

然后需要一些字段,例如start_date和time

但对于类别B,仅需要start_date

和C都不是必需的。

FormBuilder在ionic2中使用并进行验证,例如:

this.logForm = formBuilder.group({
        'start_date': ['', Validators.compose([Validators.maxLength(30),
                              Validators.required])],
        'time': ['', Validators.compose([Validators.maxLength(30),
                              Validators.required])],
    });

我在这样的警报结果中得到选定的类别:

category(){
   var options = {
      title: 'Choose a task category',
      inputs: [],
      message: 'Which category do you like?',
      buttons: [
        {
          text: 'Cancel',
          role: 'cancel',
          handler: () => {
            console.log('Cancel clicked');
          }
        },
        {
          text: 'Ok',
          handler: data => {}
        }
      ]
   }
}

在“确定”的处理程序中,我可以成功检索所选的类别。

所以我的问题是如何根据用户在应用程序中选择的类别动态地应用验证。

苏拉杰·饶

您可以尝试在formgroup api中使用setControl函数。

例如,在类别的数据处理程序中:

()=>{
this.logForm.setControl('start_date',new FormControl('',Validators.required);
}

这里的formControl API

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章