Redirect using AngularJS

Question

I'm trying to redirect to another route using:

$location.path("/route");

But for some reason it is not working. I did an auto-complete widget using jQuery-UI and I'm calling a function from the scope once the user selects an option. I debugged it and it enters the function but it is never redirected to the other route. It only changes the route when I press a key.

I think it is kind of strange but I haven't figured out how to solve this. I used

window.location = "#/route";

and it works but I want to use the path() function.

Does anybody have any idea why this is happening?

Peter Mortensen · Accepted Answer · 2016-06-29 18:56:23Z

109

With an example of the not-working code, it will be easy to answer this question, but with this information the best that I can think is that you are calling the $location.path outside of the AngularJS digest.

Try doing this on the directive scope.$apply(function() { $location.path("/route"); });

edited Jun 29, 2016 at 18:56

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Aug 10, 2012 at 19:46

Renan Tomal Fernandes

11k4 gold badges50 silver badges31 bronze badges

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

5 Comments

Tomarto Over a year ago

Thank you very much and I'm sorry for not posting the not working example. But this was what my code needed.

niczak Over a year ago

Any idea how to get this to work in of the .success method inside of an $http request? @Tomarto

svarog Over a year ago

on firefox (30~) console fires an error that $apply cycle is busy

Vaibhav Over a year ago

How is this supposed to work? I am getting the following error: Error: [$rootScope:inprog] $apply already in progress errors.angularjs.org/1.2.15/$rootScope/inprog?p0=%24apply at angular.js:78 ..... hence, it is not working as windows.location = ''..

Ernesto Allely Over a year ago

@NicholasKreidberg had the same question and just adding $scope.$apply(); just after $location.path("/route"); worked for me.

Kjuly · Accepted Answer · 2012-12-07 10:57:42Z

81

Don't forget to inject $location into controller.

edited Dec 7, 2012 at 10:57

Kjuly

35.3k22 gold badges108 silver badges120 bronze badges

answered Dec 7, 2012 at 10:32

Stepan Suvorov

26.3k27 gold badges117 silver badges178 bronze badges

2 Comments

Jason Swett Over a year ago

Nice catch - that was the problem for me.

Chuck Conway Over a year ago

Nice one, thank you for posting this, what seemed so obvious was not.

Patrick · Accepted Answer · 2014-09-24 23:46:29Z

20

Assuming you're not using html5 routing, try $location.path("route"). This will redirect your browser to #/route which might be what you want.

edited Sep 24, 2014 at 23:46

Patrick

7,4136 gold badges57 silver badges80 bronze badges

answered Aug 10, 2012 at 22:38

dpactri

3512 silver badges8 bronze badges

Comments

Emperor XLII · Accepted Answer · 2015-02-08 22:07:56Z

15

If you need to redirect out of your angular application use $window.location. That was my case; hopefully someone will find it useful.

edited Feb 8, 2015 at 22:07

Emperor XLII

13.5k11 gold badges69 silver badges78 bronze badges

answered Jan 29, 2015 at 14:34

Raulucco

3,4261 gold badge23 silver badges27 bronze badges

Comments

jfindley · Accepted Answer · 2016-07-11 20:47:45Z

2

Check your routing method:

if your routing state is like this

 .state('app.register', {
    url: '/register',
    views: {
      'menuContent': {
        templateUrl: 'templates/register.html',
      }
    }
  })

then you should use

$location.path("/app/register");

answered Jul 11, 2016 at 20:47

jfindley

7227 silver badges6 bronze badges

Comments

Toby Speight · Accepted Answer · 2015-12-14 09:54:05Z

0

It is hard to say without knowing your code. My best guess is that the onchange event is not firing when you change your textbox value from JavaScript code.

There are two ways for this to work; the first is to call onchange by yourself, and the second is to wait for the textbox to lose focus.

Check this question; same issue, different framework.

edited Dec 14, 2015 at 9:54

Toby Speight

32.1k58 gold badges82 silver badges117 bronze badges

answered Aug 11, 2012 at 0:33

Milan Jaric

5,6662 gold badges29 silver badges36 bronze badges

Collectives™ on Stack Overflow

Redirect using AngularJS

6 Answers 6

5 Comments

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

5 Comments

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related