2015-08-13 62 views
0

Angular-formly.com具有如何做一个重复部分的例子:http://angular-formly.com/#/example/advanced/repeating-sectionAngularJS Formly - 重复节验证

如果要修改Name of Investment字段并将其标记需要,它没有被标记(因此在按下提交按钮时不会突出显示红色字段)。我相信这是应该发生的,因为它是必需的。

纵观屏幕底部的表格输出,您可以看到$submitted仍然设置为false,这意味着屏幕不会相信它需要担心标记为红色。如果您手动点击该字段并单击(不输入任何内容),则该字段将以红色突出显示。

此重复行为是通过内部字段数组创建的。这可能会搞乱提交按钮的工作方式吗?

回答

0

我已更新示例。由于该示例最初编写时,角度形式地添加了改进此用例的行为。现在,所有部分都可以通过属性通过简单地传递NgFormController共享相同的NgFormController实例。你会看到这个例子中的变化。祝你好运!

+0

当表单无效时,我也禁用了提交按钮,以便在表单无效时更加清晰(您会注意到单选按钮是必需的,所以它最初被禁用了) – kentcdodds

+0

只需清除,你正在谈论的改变是在'repeatSection'模板中的'formly-form'中吗? – Holt

+0

很酷,我修复了这个修复,现在看起来很好,验证现在应用于所有重复的部分。 ...验证(仅用于实例)仅在最新创建的部分上进行检查,如果失败(并且应显示所需的信息),它实际上会在所有重复部分内的该字段上显示消息......偶数如果特定部分的字段也填充了任何想法? – Holt