Multiple parsing errors when trying to implement multiple step reactive angular form -

I am trying to implement a multi-step angular reactive form in my project. <y angular version is 19. I sought consultation from a tutorial which was written in Angular 8 though. I am getting several parse errors. I have created a Stackblitz pen to simulate my project scenario as closely as possible. Feel free to work and edit my stackblitz.

This is the link: https://stackblitz.com/edit/stackblitz-starters-grjgagz8

If you visit the multi-step-form.component.ts under app-> components-> multi-step-form you will see that there are errors on line 62, 64 and line 91. If you hover over the red squibbly on the mentioned lines it shows the errors. I tried a number of things like explicitly mentioning the datatypes, but the errors still persist.

Can you help me get that stackblitz working and display the multi-step form?

****Please study the code I used in my stackblitz in totality so that you can understand the approach I tried to adopt. Inside the constants folder of my project structure, I have defined the json array for forming the steps of my multi-step form.

Thanks people,

Continue reading...