Multiple steps form with Angular UI Router

Question

I followed the tutorial to build the multiple step form using UI Router , it worked well, however now I would like to prevent from page reloading action, if user stays at 2nd step, and reload whole page, it should be redirected to first step, and required him to input to first step form first.

I have no idea to reload the page to the first step with that requirement

Ibrahim Mumcu · Accepted Answer · 2016-01-25 07:44:00Z

1

You can check the status with a flag in your first step.

answered Jan 25, 2016 at 7:44

Ibrahim Mumcu

2432 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ro Lewis · Accepted Answer · 2016-01-25 07:19:01Z

0

You could simply look at the current state and do basic validation on the data object. If the values are empty then force the state back to the first state.

 if($state.current.name != "form.profile" && (!$scope.name || !$scope.email)){
  $state.go("form.profile");
}

answered Jan 25, 2016 at 7:19

Ro Lewis

767 bronze badges

Collectives™ on Stack Overflow

Multiple steps form with Angular UI Router

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related