Loading page with AngularJS routes

Question

I want to use Angular routes for creating small website for mobile. Is there any way to add loading icon while loading a partial and swap the entire page to the right when switching? (like in native mobile app animation

James Tyrrell · Accepted Answer · 2012-12-05 07:47:24Z

3

But change:

$beginRouteChange to $routeChangeStart
$endRouteChange to $routeChangeSuccess

and things will work.

answered Dec 5, 2012 at 7:47

James Tyrrell

3933 silver badges10 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 10:24:45Z

1

Check out Misko's answer about delaying route changing. He links to an example, too which is helpful. Basically, you have to add to your routing logic a resolve function which will allow you to prevent showing of the new route until asynchronous calls are resolved, and observing the $beginRouteChange and $endRouteChange on the $rootScope (example code here)

edited May 23, 2017 at 10:24

CommunityBot

11 silver badge

answered Dec 3, 2012 at 5:56

Max

8,8465 gold badges35 silver badges46 bronze badges

Collectives™ on Stack Overflow

Loading page with AngularJS routes

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