Angular redirect to home on refresh

angularjs angularjs-directive angular-ui-router angular-services
Augie Gardner picture Augie Gardner · May 16, 2014 · Viewed 10k times · Source

What's the best way to direct a user to the home page if they happen to refresh from any other route (or state if you're using ui-router, as I am).

For example - I want them to begin on the inventory page. If they want to make edits, they travel to the edits page, but if they refresh that page, they go straight to the inventory route again.

Answer

cutedevil086 picture cutedevil086 · May 16, 2014

I havn't used the ui-router but in ng-route we can do it like this

  • create a controller on top of your ng-view div
<body ng-controller="topController">
<div ng-view></div>
</body>
  • Define your routes normally but in topController just write this line

$location.path("/")

assuming that "/" is your main page where you want to redirect after refresh, don't forget to define $location

Related questions

How can I use ng-animate with ui-view rather than ng-view?

I am using angular-ui-router with angularJS v1.2 and would like to implement custom page transitions. How can I use ng-animate with ui-view (from angular-ui-router) rather than ng-view (which would be the standard way)? See Remastered Animation in AngularJS 1.2 for reference …

Read More
Loading relative templateUrl

I've been trying to find the best way to create a modular, scalable angular application. I really like the structure of projects like angular-boilerplate, angular-app, where all the related files are grouped together by feature for partials and directives. project |…

Read More
Trigger state in button tag using ui-sref

What is the elegant way to trigger a state with angular-ui-router by clicking <button>? I am using ui-sref="main" and it doesn't seem to work although it works with <a> though. HTML: <!DOCTYPE html> &…

Read More