如何确定AngularJS中的活动路线？

任务是确定AngularJS中的活动路线。

方法：要确定在AngularJS中哪个时刻是活动路径，可以使用$ on()和$ location.path()方法来实现。可以通过使用$ on()方法编写事件处理程序来处理事件。 $ routeChangeStart是一个事件，该事件在启动路由更改时触发，由$ rootScope。$ on()处理。因此，以这种方式，每当路由更改启动时，它就会触发由$ on()事件处理程序处理的$ routeChangeStart，然后$ location.path()给出活动路由的值。

句法：

$rootScope.$on('$routeChangeStart', function () {
    console.log($location.path())
});

示例：在这里，我们显示哪个是活动路线。在$ on()方法内部，将$ location.path()值初始化为任何AngularJS作用域变量，并通过表达式(数据绑定)显示其详细信息。

下面是上述方法的实现：

档案名称： Active_Route.html

      

    Angular JS Active Route
    
    
      
    
    

      
 
      
     
        GeeksForGeeks 
     
      
    View Languages
    View Courses
    
        
        {{ message }}
        {{ mylocation }} 
    
      
    
        var mainApp = angular.module("mainApp", ['ngRoute']);
        mainApp.config(['$routeProvider', function($routeProvider) {
            $routeProvider
              
            .when('/viewLanguages', {
                template: "<p> Details of all languages content "
                    + "available at GeeksforGeeks </p>"
            })
              
            .when('/viewCourses', {
                template: "<p> Details of all courses available at"
                    + " GeeksforGeeks</p>"
            })
              
            .otherwise({
                redirectTo: '/viewLanguages'
            });
        }]);
  
        mainApp.controller('GFGController', function(
                    $scope, $location, $rootScope) {
            $scope.message = "This page will be used to promote"
                        + " GeeksforGeeks";
            $rootScope.$on('$routeChangeStart', function () {
                $scope.mylocation = $location.path();
            });
        });
    

  

输出：

• 单击第一个链接时：
  
• 单击第二个链接时：