Uhlové vlastné overenie FormArray polia (Reaktívne Formy)

Question 1

Som nový Uhlové a chcel by som zistiť, ako to mám ísť o vykonaní vlastné overovacie pre FormArray?

Na FormArray je dynamický, kde môžete tlačiť alebo odstrániť FormGroup položky. Na FormGroup pozostáva z pole1, field2, field3. Ak niektorá z oblasti nie je null, ostatné polia by mali byť stanovené s validators.požadované. Formulár bude platné, ak všetky polia sú buď nulové, alebo vyplnená.

Vďaka.

Nižšie je ukážka kódu:

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

Skúste to.

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;
}

Tiež budete musieť vykonať updateValueAndValidity() pre všetky ovládacie prvky keď je tlačidlo stlačené.

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

Skúste to.

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;
}

Tiež budete musieť vykonať updateValueAndValidity() pre všetky ovládacie prvky keď je tlačidlo stlačené.

Ahoj, som sa stretol nižšie na 'fg.ovládacie prvky", keď sa snažil toto. možné poradiť? Typ '{ [kľúč: string]: AbstractControl; } "musia mať" [Symbol.iterator]()' metódu, ktorá vráti iterator.ts(2488)
Ahoj, vďaka za pomoc. Urobil som niektoré zmeny, aby sa zmestili môj prípad použitia a pridal ďalšie podmienky jasné validators, keď sa nevyžaduje. Celkovo to vyjde do konca roka.

Uhlové vlastné overenie FormArray polia (Reaktívne Formy)

Otázka

Najlepšiu odpoveď

V iných jazykoch

Táto stránka je v iných jazykoch

Populárne v tejto kategórii

Obľúbené otázky v tejto kategórii