angularjs - 重复部分上多个字段的 Angular 形式的自定义验证

Question

我试图为有 Angular 的重复部分创建一个自定义验证器。

仅当百分比输入的总和为 100 时，表单才应有效。例如，如果重复部分有 2 个字段，则 50 和 50 应该是有效选项或 25 和 75 等。

当我在处理 JSbin 时为了做到这一点，我发现重复模型实际上并未更新 onKeydown .因此迭代所有重复部分值并计算它们的总和是不可能的。

我也试过 modelOptions: { updateOn: 'Keydown' }没有成功。它实际上使验证器根本不会被调用。

更新

我从匹配字段示例中提出了以下解决方案。
不幸的是，这个例子本身似乎有问题。

使用下面的 JSbin，可以看到在很多情况下验证器被调用并返回 true 但字段/字段仍然保持红色(表明它们有问题)。

这是JSBin .

Answer 1

抱歉，因为我没有时间回到这个问题上。它有一个 open issue在 GitHub 上 2 个月了。我通过使用 7.1.2 版本的 angular-formly 并等待更新来临时修复它。我在这个问题上的更新版本的 JSBin 应该可以工作。

更新

因为我有时间并用重复部分修复了这个问题(当然是用一种黑客的方式)我很难我应该发布它以防其他人正在寻找这个。

(注意:解决方案不依赖于正式版本)

Working JSBin