angular - 响应式表单中的自定义验证器控制数量

Question

我很难在 Angular 的反应式表单中实现自定义验证。我需要控制数量。数量不应超过可用数量。问题如果每行都有子行，我如何获得所有数量的总数。我将如何计算子行的总数并将其与找到可用数量的父行进行比较。下面是我的代码。

这也是我的代码的链接请点击此链接

customValidator(campo1: string) {
    return (group: FormGroup): { [key: string]: any } => {
      const receive = group.controls[campo1];
       //Change this
      const available = 10;
      if (receive.value > available) {
        return {
          out: true
        };
      }
    }
  }

Answer 1

关键是使用“父”来访问formArray。那么我们可以使用map对数组进行变换，只得到que数量，reduce得到数量之和

customValidator(campo1: string) {
    return (group: FormGroup): { [key: string]: any } => {
      //get the formArray
      const form=(group.parent as FormArray);
      if (form)
      {
        //get the available quantity using parent
        let available =form.parent.get('available_quantity').value;

        //the final available are the available less each quantity
        available=form.value //In form.value we have e.g. [{quantity:10..},{quantity:16}]
          .map(x=>x.quantity?+x.quantity:0)  //using map we have, e.g. [10,16]
          .reduce((a, b) => a - b, available)  //using reduce we substract the quantities to available
        if (available<0) {
          return {
            out: true
          };
        }
      }
    }
  }