angular - 在 Angular 4 响应式表单中检查多行自定义验证器

Question

我有一个非常简单的问题，我无法解决。首先，我有一种已批准数量的成分。这种成分有几个有效期。但是，我想检查我的“转让数量”的到期日期是否不超过批准的数量。

我应该如何检查这个？我已经完成了一些部分，但是这个我无法比较，因为它必须根据一个批准的数量检查几行“要转移的数量”。这是下面的代码链接：

分叉链接在这里

customValidator(group: any) {
    if ((group.controls.transfer_qty.value > group.parent.parent.controls.approved_qty.value)) {
      return { out1: true }
    }
    if ((group.controls.transfer_qty.value > group.controls.available_qty.value)) {
      return { out2: true }
    }
    return null;
  }

Answer 1

当涉及嵌套表单时，我通常会实现自定义表单控件。一个好的规则是将代码抽象成小块，在我们的例子中，将你的 Angular 代码分解成小组件。

您可以使用ControlValueAccessor实现自定义表单控件

我修改了您的示例以说明我的意思： 修改示例

未实现 ControlValueAccessor 的示例