Angular Reactive Forms and Recursion

Question

I have a recursion

app-root.component.html

<div [formGroup]="form">
some content
<app-root></app-root>
</div>

How can I use same form group and form controls in my recursion? Something like :

<div [formGroup]="form">
some content
<app-root
[formGroup]="form"
></app-root>
</div>

Not sure if it is allowed to have form groups with same name. By the way, what do you want to achieve by this? — Prateek Kumar Dalbehera
– Prateek Kumar Dalbehera, Commented May 23, 2020 at 6:30
I don't need the same name:) I think we can do it with Input may be. I want to bind parent form control's to recursion. I have required fields, And I have a save button, when required input field is empty in parent component, button is disabled, I want the same for my recursion. When my recursion's required field is empty, I need that save button become disabled in parent component — Juden1938
– Juden1938, Commented May 23, 2020 at 6:34

Aakash Garg · Accepted Answer · 2020-05-23 07:33:01Z

1

Implement ControlValueAccessor interface in app.component.ts and add NG_VALIDATORS as well.

answered May 23, 2020 at 7:33

Aakash Garg

11k2 gold badges11 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Juden1938 Over a year ago

can I get more details from U plz?

Aakash Garg Over a year ago

blog.thoughtram.io/angular/2016/03/14/… medium.com/@majdasab/…

Aakash Garg Over a year ago

this method works in custom form controls. here you are using app component as a form control when used recursively. so you need to implement custom validator for your whole app component so that it can be used by root app component to validate child app components.

Collectives™ on Stack Overflow

Angular Reactive Forms and Recursion

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related