Zmiana lokalizacji w Angular

Question

Czy istnieje sposób na wykrycie globalnych zmian lokalizacji w AngularJS, a nie tylko pojedynczy kontroler? Moim celem jest wykrycie każdej zmiany lokalizacji. Czy jest jakiś skuteczny sposób na obejrzenie window.location.href dla zmian?

$routeChangeSuccess 

Jak rozumiem, dotyczy tylko jednego kontrolera lub jestem w błędzie?

Answer 1

Po pierwsze, $routeChangeSuccess nie jest ograniczony do jednego kontrolera. Jest transmitowany z poziomu $rootScope, co oznacza, że ​​można go odsłuchiwać na każdym z zakresów (lub każdego zakresu dziedziczącego po $rootScope), ale jest zdarzeniem szerokim dla aplikacji.

Istnieje również nieudokumentowane zdarzenie, które działa podobnie do $routeChangeSuccess o nazwie $locationChangeSuccess. Różnica polega na tym, że pierwsza jest uruchamiana, gdy trasa została pomyślnie zmieniona, a druga jest uruchamiana po zmianie adresu URL, ale przed zmianą trasy. Zauważ, że to nie wszystkie zmiany adresów URL, tylko czas, w którym URL zmienia się w sposób, w jaki aplikacja AngularJS może je zarejestrować (na przykład wywołanie setera do $location.url()).

Po prostu, aby wyjaśnić, $locationChangeSuccess jest również nadawany z $rootScope.

W obu przypadkach można odsłuchać zdarzenie za pomocą scope.$on('$routeChangeSuccess') lub scope.$on('$locationChangeSuccess').

Answer 2

Dla tych, którzy używają Angular-UI-Router, to zdarzenie nie zostanie wywołane. "$ stateChangeSuccess" jest właściwym wydarzeniem dla Angular-UI-Router. Aby uzyskać więcej informacji na temat zdarzeń UI-router, zobacz ten SO pytanie:
How to trigger UI-Router View Load events?
a także instrukcji API:
https://github.com/angular-ui/ui-router/wiki#state-change-events