Angular FormArray Insert

Question

J'essaye de mettre à jour une valeur spécifique sur un formArray en utilisant insert(). j'initialiser formulaire ngOninit() comme ceci:

this.myForm = this.fb.group({ 
    exercises: this.fb.array([]), 
    type: new FormControl(), 
    day: new FormControl(), 
    sets: this.fb.array([]), 
    reps: this.fb.array([]), 
}); 

J'ai une entrée où le changement que j'appelle la fonction ci-dessous mais lorsque je tente d'insérer une nouvelle valeur avec l'index du tableau que je reçois la valeur poussé.

onSetsChange(sets, index){ 
    var setsFormArray = <FormArray>this.myForm.controls.sets; 
    setsFormArray.insert(index, new FormControl(sets)); 
} 

Le code HTML est ci-dessous:

<div class="col-md-3"> 
    <select class="form-control input-sm" (change)="onSetsChange($event.target.value, exerciseIndex)"> 
    <option *ngFor="let set of sets; let i = index;">{{set}}</option> 
    </select> 
</div> 

Le exerciseIndex Je passe est d'une boucle qui ne se présente pas.

Qu'est-ce que je fais mal et la valeur qu'elle ne met pas à jour? Merci

Answer 1

Essayez d'utiliser patchValue: -

public ngOnInit() { 
    const arr = new FormArray([ 
       new FormControl(), 
       new FormControl() 
      ]); 

    let control = arr.controls[0]; 
    setTimeout(() => control.patchValue("new-val"), 250); // Set value to "new-val" 
    setTimeout(() => console.log(control.value), 350); // Logs "new-val" 
} 

Answer 2

onSetsChange(sets, index){ 
    var setsFormArray = <FormArray>this.myForm.controls.sets; 
    (setsFormArray.at(index)).patchValue(sets); 
    console.log(index); 
    console.log(setsFormArray); 
} 

c'est une deuxième réponse que je compris. Merci