如何在AngularJS中检测路线更改？

方法：要随时在AngularJS中检测路线更改，可以使用$ on()方法来实现。 $ on()方法是一个事件处理程序，该事件将处理$ routeChangeSuccess，该事件在完成路由/视图更改后会触发。

句法：

$rootScope.$on('$routeChangeSuccess', function () {
    Content...
});

示例：在这里，每当路由发生任何更改时，我们都会在控制台窗口中显示“路由已更改”。在$ on()方法中，我们控制台路由已更改。因此，以这种方式，每当发生路由更改时，它就会触发由$ on()事件处理程序处理的$ routeChangeSuccess，然后在控制台窗口中显示“路由更改”。

下面是上述方法的实现：

   
      Angular JS Route Change
  
      
  
      
      
   
     
     
        
      
        GeeksForGeeks  
     
  
    
        Link 1
        Link 2
        
        
    
        
    
        var mainApp = angular.module("mainApp", ['ngRoute']);
        mainApp.config(['$routeProvider', function($routeProvider) {
            $routeProvider
              
            .when('/viewLink1', {
                template: "<p> This is Link 1 </p>"
            })
              
            .when('/viewLink2', {
                template: "<p> This is Link 2 </p>"
            })
              
            .otherwise({
                redirectTo: '/viewLink1'
            });
         }]);
   
         mainApp.controller(
                   'GFGController', function($scope, $location, $rootScope) {
            $rootScope.$on('$routeChangeSuccess', function () {
            console.log("route changed");
            });
         });
      
   

输出：
当我们更改链接时，$ routeChangeSuccess事件将被触发，从而在控制台窗口中显示更改的路由。