navigationend - title angular 6

Angular 2: Iterar sobre controles de forma reactiva

Question

Me gustaría markAsDirty todos los controles dentro de un FormGroup .

Answer 1

Creo esta función para hacerlo * Tengo un control con el nombre ''orden'' y le paso el índice.

{"conditionGroups": [
{
"order": null,
"conditions": []
}
]
}
updateFormData() {
const control = <FormArray>this.form.controls[''conditionGroups''];
control.value.map((x,index)=>{
x.order = index;
})

Answer 2

La respuesta aceptada es correcta para una estructura de forma plana, pero no responde completamente la pregunta original. Una página web puede requerir FormGroups y FormArrays anidados, y debemos tener esto en cuenta para crear una solución sólida.

public markControlsDirty(group: FormGroup | FormArray): void {
Object.keys(group.controls).forEach((key: string) => {
const abstractControl = group.controls[key];
if (abstractControl instanceof FormGroup || abstractControl instanceof FormArray) {
this.markControlsDirty(abstractControl);
} else {
abstractControl.markAsDirty();
}
});
}

Answer 3

Para lo que vale, hay otra forma de hacer esto sin tener que usar Object.keys (...) magic:

for (const field in this.form.controls) { // ''field'' is a string
const control = this.form.get(field); // ''control'' is a FormControl
}

Answer 4

Parece que la función get ya no funciona para recuperar valores específicos en su formulario en Angular 8. Así es como lo resolví y dado que las respuestas son un poco antiguas, creo que esto podría ayudar a más usuarios. Basado en la respuesta de @Liviu Ilea

for (const field in this.myForm.controls) { // ''field'' is a string
console.log(this.myForm.controls[field].value);
}

Answer 5

Usando la respuesta @Marcos, creé una función que se puede llamar pasar un formGroup como parámetro y marca todos los controles secundarios de formGroup como sucios, solo para que se puedan usar desde más lugares alrededor del código, por ejemplo.

public touchAllFormFields(formGroup: FormGroup): void {
Object.keys(formGroup.controls).forEach((key) => {
formGroup.get(key).markAsDirty();
});
}

Espero eso ayude ;)

Answer 6

 Object.keys( this.registerForm.controls).forEach(key => {
this.registerForm.controls[key].markAsDirty();
});

Answer 7

Object.keys que Object.keys puede manejar esto ...

Object.keys(this.form.controls).forEach(key => {
this.form.get(key).markAsDirty();
});

Para Angular 8+, use lo siguiente (según la respuesta de Michelangelo):

Object.keys(this.form.controls).forEach(key => {
this.form.controls[key].markAsDirty();
});