Guardare $ locationProvider in Angular.js

Question

Ho bisogno di guardare le modifiche sulla barra degli URL e fare determinate azioni basate su quello. Mi chiedevo qual è il modo migliore per aggiungere un orologio per visualizzare le modifiche ad esso?

Answer 1

Eventi, sono solo privi di documenti per qualche ragione.

Provare i seguenti eventi: $locationChangeStart e $locationChangeSuccess

scope.$on('$locationChangeStart', function (event, newLoc, oldLoc){ 
    console.log('changing to: ' + newLoc); 
}); 

scope.$on('$locationChangeSuccess', function (event, newLoc, oldLoc){ 
    console.log('changed to: ' + newLoc); 
}); 

Oppure si può $ guardare qualsiasi valore che si desidera passando una funzione nel primo argomento $ dell'orologio come suggerito Anders:

scope.$watch(function() { return $location.path(); }, function(newLoc, oldLoc){ 
    console.log(newLoc, oldLoc); 
}); 

Tuttavia questo creerà un po 'più di overhead sul tuo $ digest.

Answer 2

Supponendo che hai richiesto la posizione oggetto $ nel controller, si può fare in questo modo: esistono

$scope.$watch(function() { return $location.path() }, function() { 
    // Do stuff when the location changes 
});