Angular Formly:TemplateUrl验证

时间:2015-08-18 14:57:48

标签: angularjs angular-formly

我的网站有几种形式,其中收集了与名称相关的信息(第一个,最后一个,后缀等)。我决定创建一个创建了这些字段的简单html文件,而不是在各个页面上的每个控制器上添加/格式化这些字段。这个html文件只包含4个文本输入。

计划是将此html文件用作模板,因此可以很容易地以多种形式快速合并相同名称的相关字段。

我创建了一个JSBin:http://jsbin.com/nenepuyalu/1/edit?html,js,output

在这个例子中,我没有包括我的各种包装器或验证逻辑(太多的痛苦)。也就是说,您可以看到我在哪里创建新类型nameInputGroup。此类型是指向input-group-name.html的templateUrl,它有两个文本输入。

我遇到了使这两个输入有效的问题。由于它们未直接添加到fields数组中,因此我不确定如何标记字段以获得requiredmin/max验证要求。

有什么建议吗?或者有更好的方法来实现这一目标吗?

1 个答案:

答案 0 :(得分:0)

如果我正确理解您的用例,您只是希望能够在您拥有相同系列字段的几个地方复制自己。有几种方法可以做到这一点。以下是我的建议:http://kentcdodds.jsbin.com/mokeza/edit?html,js,output

基本上,您将配置放在一个单独的文件中,然后concat那些带有您想要的额外字段的字段(您可以链接concat个电话)。