Question

我在Angular 7中有一个动态表格，字段，控件类型，可见性，验证以及所有内容都来自数据库。我知道对于动态表单，如果来自数据库的验证是在Angular验证中构建的，则要容易得多，但是我想做的是为每个控件类型和每个控件类型的验证数组构建自定义验证。使用eval，将其评估为true / false，并根据该错误显示相应的错误消息。

此link在我的用例中不起作用，因为它们使用内置的Angular验证。

Answer 1

Remyaj，该链接显示验证器来自类似对象的

validations: [{
  name: "required",
  validator: Validators.required,
  message: "Name Required"
  }]

如果这是来自dbs，那么您的对象可以像

validations: [{
  name: "required",
  message: "Name Required"
  },
  {
  name:"custom",
  message: "Name Custom error"
  }]

您唯一需要做的就是制作一张地图，获取数据后，就像

getShema().pipe(map((res:any)=>{
     res.forEach((field:any)=>{
         if (field.validations)
         {
              field.validations.forEach(validator=>{
                     switch (validator.name)
                     {
                           case "required":
                                validator.validator=Validator.required
                                break;
                           case "custom":
                                validator.validator=myCustomValidator
                                break;
                           ...
                     }
              }
         }
     }
     return res
})

使用eval在angular中进行动态表单验证

1 个答案: