Angular 形式:TemplateUrl 验证
Angular Formly: TemplateUrl validation
我的网站有几种收集姓名相关信息的形式(名字、姓氏、后缀等)。我决定创建一个简单的 html 文件,而不是在各个页面上的每个控制器上 adding/formatting 这些字段。此 html 文件仅包含 4 个文本输入。
计划使用此 html 文件作为模板,从而能够轻松快速地将同名相关字段合并到多个表单中。
我创建了一个 JSBin:http://jsbin.com/nenepuyalu/1/edit?html,js,output
在这个例子中,我没有包括我的各种包装器或验证逻辑(太麻烦了)。也就是说,您可以看到我在哪里创建了一个新类型 nameInputGroup
。这种类型是指向 input-group-name.html
的 templateUrl,它有两个文本输入。
我在验证这两个输入时遇到了问题。由于它们没有直接添加到 fields
数组中,我不确定如何标记这些字段以具有 required
或 min/max
验证要求。
有什么建议吗?或者有更好的方法来完成这个吗?
如果我对您的用例理解正确,您只是希望能够在您拥有相同系列字段的几个地方不重复自己。有几种方法可以做到这一点。这是我推荐的内容:http://kentcdodds.jsbin.com/mokeza/edit?html,js,output
基本上,您将配置放在一个单独的文件中,然后 concat
这些字段包含您想要的额外字段(您可以链接 concat
调用)。
我的网站有几种收集姓名相关信息的形式(名字、姓氏、后缀等)。我决定创建一个简单的 html 文件,而不是在各个页面上的每个控制器上 adding/formatting 这些字段。此 html 文件仅包含 4 个文本输入。
计划使用此 html 文件作为模板,从而能够轻松快速地将同名相关字段合并到多个表单中。
我创建了一个 JSBin:http://jsbin.com/nenepuyalu/1/edit?html,js,output
在这个例子中,我没有包括我的各种包装器或验证逻辑(太麻烦了)。也就是说,您可以看到我在哪里创建了一个新类型 nameInputGroup
。这种类型是指向 input-group-name.html
的 templateUrl,它有两个文本输入。
我在验证这两个输入时遇到了问题。由于它们没有直接添加到 fields
数组中,我不确定如何标记这些字段以具有 required
或 min/max
验证要求。
有什么建议吗?或者有更好的方法来完成这个吗?
如果我对您的用例理解正确,您只是希望能够在您拥有相同系列字段的几个地方不重复自己。有几种方法可以做到这一点。这是我推荐的内容:http://kentcdodds.jsbin.com/mokeza/edit?html,js,output
基本上,您将配置放在一个单独的文件中,然后 concat
这些字段包含您想要的额外字段(您可以链接 concat
调用)。