Stepper component implementation issue

[Manish Didwaniya]

Hello syncfusion team,
I have tried using stepper component and also the documentation where I found a stackblitz while reffering documentation
https://stackblitz.com/edit/angular-pjco28
The above stackblitz implementation is holding the html code in ts file, how can we use the html code and ts file code seperate?

My use case for stepper-
- I want to display angular form with syncfusion controls like ejs-textbox and ejs-dropdown on mupltiple steps by displaying some controls on step one and some controls on step two which are of same form group.
- And also I want to render(by using component selector) the components on different-different steps click.

[Indrajith Srinivasan]

Hi Manish,

Good day to you,

Query 1: How can we use the HTML code and the TS file code separately?

We are not clear with the reported query, can you please provide a few more details regarding your requirement?

Can you please share the below details,

• Share with us the screenshot of the requirement.
• Which code block sections are to be segregated into HTML and TS files?

Query 2: Display the angular syncfusion controls in form, with stepper steps rendered.

We have prepared a custom sample meeting your requirements using the angular form control with stepper steps to display the textbox and dropdown controls. Check the below shared sample for reference.

Sample - https://stackblitz.com/edit/angular-gugcgk-opjj66?file=src%2Fapp.component.ts

Please get back to us if you face any difficulties,

Regards,
Indrajith