$location.path() is not working in scroll binding

Question

 angular.module('example').service('myService', function
 myService($rootScope,$route,$http,$location) {                          
    $("#mainwindowscroll").on('scroll', function (e) {
          $location.path('/about');
    });
 });

You should create a directive to perform this kind of action. If you are coming from jQuery, you can read this http://stackoverflow.com/questions/14994391/how-do-i-think-in-angularjs-if-i-have-a-jquery-background — apairet, Aug 20 '14 at 06:04

score 0 · Accepted Answer · answered Aug 20 '14 at 06:02

0

The first reason it doesn't work is - jquery is not part of angular digest mechanism.
To make it work you should apply the location change:

$rootScope.$apply(function() {
    $location.path('/about');
});

Also, make sure the location (/about) is defined in your app module. Otherwise you can use

$window.location('about')

to navigate to a complete different path (don't forget injecting $window of course).

answered Aug 20 '14 at 06:02

Tomer

4,382
5
38
48

thanks. location (/about) is defined in my app module. I tried `$rootScope.$apply(function() { $location.path('/about'); }); ` that solve the issue thanks again – Niraj Kashyap Aug 20 '14 at 07:05

score 0 · Answer 2 · edited Aug 20 '14 at 06:51

0

Please make sure that you have configured the routing for the navigation url '/about'?

edited Aug 20 '14 at 06:51

oliholz

7,447
2
43
82

answered Aug 20 '14 at 06:25

Archana

387
1
5

$location.path() is not working in scroll binding

2 Answers2