angular@googlegroups.com

[Anubhav Mishra]

Hi,

I am trying to build a front end with multiple cards in it. Each of these cards(in red border) have a part of form(in blue border). I wish to reuse the same card for each of these and only change the form part inside each of the card. On clicking Run button at the center form value from each of the card should be picked up and be used inside the parent component i.e this page. I wish to know the best practice on how can I reuse the same card(1 card) multiple times for each of the form only the form part changes inside each card and how I should define forms in each of the card so that on clicking Run I get the value from each of them.

Do I need to define separate cards with separate forms inside of it?

Please refer screenshot below: