javascript - formularios - ¿Cómo observar un cambio de ruta en AngularJS?

formularios en angular 6

Question

¿Cómo se vería / desencadenaría un evento en un cambio de ruta?

Answer 1

Si no desea colocar el reloj dentro de un controlador específico, puede agregar el reloj para toda la aplicación en la aplicación Angular run()

var myApp = angular.module(''myApp'', []);
myApp.run(function($rootScope) {
$rootScope.$on("$locationChangeStart", function(event, next, current) {
// handle route changes
});
});

Answer 2

Nota : Esta es una respuesta adecuada para una versión heredada de AngularJS. Vea esta pregunta para las versiones actualizadas.

$scope.$on(''$routeChangeStart'', function($event, next, current) {
// ... you could trigger something here ...
});

Los siguientes eventos también están disponibles (sus funciones de devolución de llamada toman diferentes argumentos):

• $ routeChangeSuccess
• $ routeChangeError
• $ routeUpdate - si la propiedad reloadOnSearch se ha establecido en falso

Ver los documentos de $route .

Hay otros dos eventos undocumented :

• $ locationChangeStart
• $ locationChangeSuccess

Consulte ¿Cuál es la diferencia entre $ locationChangeSuccess y $ locationChangeStart?

Answer 3

$rootScope.$on( "$routeChangeStart", function(event, next, current) {
//..do something
//event.stopPropagation(); //if you don''t want event to bubble up
});

Answer 4

$rootScope.$on( "$routeChangeStart", function(event, next, current) {
//if you want to interrupt going to another location.
event.preventDefault(); });