Angular Form Wizard

Clicking Me Will Toggle Steps On and Off Dynamically

Start

Hey guys, welcome to the wizard :)

Here we will use a promise with a timeout to simulate an async server call. Give the wizard 1 second to progress after clicking next!

Otherwise, let's continue with the wizard. Please click here to continue

Next

Liking it

You're now in the second step of this wizard.

This step is an example of using canexit validation with no server call,

Toggle the value to true or false using the button below to see an example of being allowed to exit and being restricted.

Toggle Validation!

Value is currently: {{canExit}}

BACK NEXT

More steps

Click on the bottom navigation on Liking it to go back to that step for example

BACK NEXT

Even More steps

I can't deal with so many steps. ARGH

BACK NEXT

Sup?

I don't even know what to write!

BACK NEXT

Finish him

Finally this ends!

Restart Reset BACK Finish

Simple Form Wizard

First Step

First Content

Second Step

Second Content

Third Step

Third Content

Vertical Form Wizard

First Step

First Content

Second Step

Second Content

Third Step

Third Content