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?

score 109 · Accepted Answer · edited Jun 29 '16 at 18:56

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 '16 at 18:56

Peter Mortensen

30,738
21
105
131

answered Aug 10 '12 at 19:46

Renan Tomal Fernandes

10,978
4
48
31

Thank you very much and I'm sorry for not posting the not working example. But this was what my code needed. – Tomarto Aug 14 '12 at 17:09
23

Any idea how to get this to work in of the .success method inside of an $http request? @Tomarto – niczak Oct 19 '13 at 23:24
2

on firefox (30~) console fires an error that $apply cycle is busy – svarog Jan 28 '15 at 20:11
1

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

@NicholasKreidberg had the same question and just adding $scope.$apply(); just after $location.path("/route"); worked for me. – Ernesto Allely Jun 07 '16 at 09:44

score 81 · Answer 2 · edited Dec 07 '12 at 10:57

81

Don't forget to inject $location into controller.

edited Dec 07 '12 at 10:57

Kjuly

34,476
22
104
118

answered Dec 07 '12 at 10:32

Stepan Suvorov

25,118
26
108
176

2

Nice catch - that was the problem for me. – Jason Swett Nov 15 '13 at 18:21
Nice one, thank you for posting this, what seemed so obvious was not. – Chuck Conway Apr 10 '14 at 20:47

score 20 · Answer 3 · edited Sep 24 '14 at 23:46

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 '14 at 23:46

Patrick

6,495
6
51
78

answered Aug 10 '12 at 22:38

dpactri

251
2
8

score 15 · Answer 4 · edited Feb 08 '15 at 22:07

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 08 '15 at 22:07

Emperor XLII

13,014
11
65
75

answered Jan 29 '15 at 14:34

Raulucco

3,406
1
21
27

score 2 · Answer 5 · answered Jul 11 '16 at 20:47

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");

score 0 · Answer 6 · edited Dec 14 '15 at 09:54

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 '15 at 09:54

Toby Speight

27,591
48
66
103

answered Aug 11 '12 at 00:33

Milan Jaric

5,556
2
26
34

Redirect using AngularJS

6 Answers6

Linked