Do something if AngularJS $location.path() changes

Question

I have a navigation menu with links to different sections. This navigation bar is a list which is only displayed by clicking on the button 'menu'. I would like that on load of the new section this list is not displayed.

Therefore I thought I could use $location.path() to detect any change on the url and if so remove the class.

The idea is:

if($location.path() CHANGES){
    document.querySelector('[data-navigation]').classList.remove('open-status');
}

How do you make a conditional statement using $location to trigger an action when the url changes.

P.D. The url at this moment works with an hashtag. So it would be: www.whatever.com/#about

Sudhir Bastakoti · Accepted Answer · 2014-07-09 08:59:01Z

1

i guess you probably meant using $routeChangeSuccess, something like,

$scope.$on('$routeChangeSuccess', function () {
     //location changed
     //do something here            
});

answered Jul 9, 2014 at 8:59

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

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

2 Comments

maurycy Over a year ago

there is also a $routeChangeStart, $locationChangeSuccess, $locationChangeStart that could be used depending on situation

Daniel Ramirez-Escudero Over a year ago

@maurycy What are the main differences? I already had injected $location so I will try it out with your answer.

Daniel Ramirez-Escudero · Accepted Answer · 2014-07-09 12:09:50Z

1

At the end I used a combination of both answers, this is the outcome that worked for me:

scope.$on('$locationChangeSuccess', function () {
    DO SOMETHING
});

answered Jul 9, 2014 at 12:09

Daniel Ramirez-Escudero

4,05513 gold badges47 silver badges82 bronze badges

Collectives™ on Stack Overflow

Do something if AngularJS $location.path() changes

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related