How can we propagate formGroup.reset() to every subform.

Hello all ❤️,

here I forked a Stackblitz of yours.

When we click on the RED reset-button. The root-Forms values are being cleared but the values in the subforms still remain.

How can we reset() the whole thing? Should the root level form and all subforms be in total sync? two-way-bindings? Should a new method propagateReset() be introduced? That resets itself and all sub-forms down the tree.

[zakhenry]

@andreElrico @maxime1992 yep I think I agree that an injection token is probably the best option, remember that it can be managed in providers, not the constructor.

[andreElrico]

I think that’s a good idea. We could have the default behavior provided at the highest level and then people might just override it when needed.

I would go ng-style:

1. register Token. https://github.com/angular/components/blob/8b5c0f12c823a16bdf3d4bcd767d0c42c6b0e870/src/material/form-field/form-field.ts#L93

2. inject in every ngx-sub-form class. https://github.com/angular/components/blob/8b5c0f12c823a16bdf3d4bcd767d0c42c6b0e870/src/material/form-field/form-field.ts#L272

3. If no dependency is resolved setup the “default” one. https://github.com/angular/components/blob/8b5c0f12c823a16bdf3d4bcd767d0c42c6b0e870/src/material/form-field/form-field.ts#L282

I dont know If I got you correctly on that, but I think we dont have to provide it on the highest level, rather if no option is provided we fall back to a default.

I a special option is desired app wide, the user can of course root inject it in app.module.ts.