Angular Formly：TemplateUrl 验证

Question

我的网站有几种收集姓名相关信息的形式（名字、姓氏、后缀等）。我决定创建一个简单的 html 文件来创建这些字段，而不是在各个页面上的每个控制器上添加/格式化这些字段。这个 html 文件只包含 4 个文本输入。

计划是使用这个 html 文件作为模板，这样就可以很容易地将同名相关的字段快速合并到多个表单中。

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

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

我在验证这两个输入时遇到问题。由于它们没有直接添加到 fields 数组中，因此我不确定如何将字段标记为具有 required 或 min/max 验证要求。

有什么建议吗？还是有更好的方法来实现这一点？

Answer 1

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

基本上，你将你的配置放在一个单独的文件中，然后你 concat 那些带有你想要的额外字段的字段（你可以链接 concat 调用）。