Unghiulare validare personalizate pentru FormArray domenii (Reactivă Forma)

Question 1

Sunt nou Unghiulare și-ar dori pentru a verifica cum pot să merg despre efectuarea câmp personalizat de validare pentru FormArray?

La FormArray este dinamic unde te poate împinge sau elimina FormGroup elemente. La FormGroup este format din field1, domeniu2, field3. Dacă nici unul dintre câmpul nu este nulă, celelalte domenii ar trebui să fie stabilite cu validatoare.necesare. Formularul va fi valabil dacă toate câmpurile sunt null sau umplut.

Multumesc.

Mai jos este o mostră de cod:

formA!: FormGroup;

initializeForm(): void {
    this.formA = this.fb.group({
      item1: this.fb.array([this.createItem1()]),
      item2: this.fb.array([this.createItem2()]),
    });
  }

createItem1(): FormGroup {
   return this.fb.group({
       field1: null,
       field2: null,
       field3: null,
   });
}

Question 2

Încercați acest lucru.

createItem1(): FormGroup {
  const fg = this.fb.group({
      field1: null,
      field2: null,
      field3: null,
  });
   
  const validatorFn = (control: AbstractControl): { [key: string]: any } | null => {
    const obj = fg.getRawValue();
     
    if (obj.field1 || obj.field2 || obj.field3) {
      return Validators.required(control);
    }
     
    return null;
  };
   
  for (const control of Object.values(fg.controls)) {
    control.setValidators(validatorFn);
  }

  return fg;
}

De asemenea, veți avea nevoie pentru a executa updateValueAndValidity() pentru toate controalele când tasta apăsată.

N.F. · Answer 1 · 2021-11-25T00:55:40

Încercați acest lucru.

createItem1(): FormGroup {
  const fg = this.fb.group({
      field1: null,
      field2: null,
      field3: null,
  });
   
  const validatorFn = (control: AbstractControl): { [key: string]: any } | null => {
    const obj = fg.getRawValue();
     
    if (obj.field1 || obj.field2 || obj.field3) {
      return Validators.required(control);
    }
     
    return null;
  };
   
  for (const control of Object.values(fg.controls)) {
    control.setValidators(validatorFn);
  }

  return fg;
}

De asemenea, veți avea nevoie pentru a executa updateValueAndValidity() pentru toate controalele când tasta apăsată.

Salut, am intampinat de mai jos la fg.controale' atunci când încearcă acest lucru. posibil să se recomanda? Tip '{ [cheie: string]: AbstractControl; }' trebuie să aibă o '[Simbol.iterator]()' metodă care returnează un iterator.ts(2488)
Salut, multumesc pentru ajutor. Am făcut unele modificări pentru a se potrivi meu caz de utilizare și a adăugat condiție suplimentară pentru a șterge validatoare atunci când nu este necesar. În general, se rezolvă în final.

Unghiulare validare personalizate pentru FormArray domenii (Reactivă Forma)

Problema

Cel mai bun răspuns

În alte limbi

Această pagină este în alte limbi

Popular în această categorie

Întrebări frecvente în această categorie