dynamic radio with reactiveForms

[plucky cosmos]

I'm trying to make a dynamic form where we insert a certain number of radio buttons.
and retrieve the selected value.
I simplified the code on stackblitz with "any" everywhere.
I used an of() to simulate http.
only I have errors that I can't resolve.

• clicking on the GET button should display the selected radion

https://stackblitz.com/edit/uq8ynz?file=src%2Fexample%2Fradio-overview-example.ts,src%2Fexample%2Fradio-overview-example.html

Thanks for your help

[weary lynx]

I simplified the code on stackblitz with "any" everywhere
That doesn't simplify it at all. It makes it much harder to reason about it. Use types. And also type your FormGroup and FormControls (see https://blog.ninja-squad.com/2022/04/21/strictly-typed-forms-angular/)

[plucky cosmos]

I added a type and it doesn't solve my problem

[weary lynx]

There, I typed it for you: https://stackblitz.com/edit/uq8ynz-9ecm8u?file=src%2Fexample%2Fradio-overview-example.ts,src%2Fexample%2Fradio-overview-example.html.
Now, what do you want to achieve? You have 3 layers. What should the form be able to do? Normally, you have N rzdio buttons for a sigle form contro, allowing to choose the value of that form control. Each of the N radio buttons having a different value.

[plucky cosmos]

Thanks for typing, I figured out how to do it now.
I have errors in the console.
Error: Cannot find control with name: 'option'

[weary lynx]

Why don't you answer my question?

Anyway, I have to go now.

[plucky cosmos]

the form must display the 3 radio buttons and return the selected one to me

I do not understand English very well 😉

[weary lynx]

Then you don't need any form array. All you need is a single form control, and one radio button for each layer: https://stackblitz.com/edit/uq8ynz-9ecm8u?file=src%2Fexample%2Fradio-overview-example.ts,src%2Fexample%2Fradio-overview-example.html