复选框的反应式表单方法验证

时间:2019-09-25 13:34:23

标签: angular6 angular7 angular2-forms

我正在使用角度6反应形式方法对复选框进行表单验证。我没有如何验证多个复选框验证的方法。我在google和stackoverflow搜索中找到了答案。我不知道这是可能的吗?可以检查我的代码并通知我?像这样有可能吗?

app.component.ts:

 this.form = this.formBuilder.group({
      orders: new FormArray([], selectallCheckboxes())
 });

 function selectallCheckboxes() {
  const validator: ValidatorFn = (formArray: FormArray) => {
    const totalSelected = formArray.controls
      .map(control => control.value)
      .reduce((prev, next) => next ? prev + next : prev, 0); 
      return totalSelected >= formArray.length ? null : { required: true };
  }; 
  return validator;
}

有关完整代码:https://stackblitz.com/edit/angular-6d7u86?file=src%2Fapp%2Fapp.component.ts

0 个答案:

没有答案