如何使用 AngularJS 获取当前 URL？

在本文中，我们将了解如何借助 AngularJS 获取当前 URL。我们将使用$location.absURL() 方法来获取当前页面的完整 URL。

句法：

$location.absURL()

示例 1：只需使用$location.absURL() 方法即可获取当前页面的完整 URL。

HTML

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller",
            function ($scope, $location) {
                $scope.url = '';
                $scope.getUrl = function () {
                    $scope.url = $location.absUrl();
                };
            });
    

  

    
        GeeksForGeeks
    
  
  
    
        Get current URL in angularJS
    
  
  
    
        
  
            Url = {{url}}
  
            
        
    

  

输出：

示例 2：与前面的示例类似，但使用split() 方法获取 URL 的域名。

HTML

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller",
            function ($scope, $location) {
                $scope.url = '';
                $scope.getUrl = function () {
                    // Will change the current url to 
                    // ide.geeksforgeeks.org
                    $scope.url = $location
                        .absUrl().split('/')[2];;
                };
            });
    

  

    
        GeeksForGeeks
    
  
  
    
        Get current URL in angularJS
    
  
  
    
        
  
            Url = {{url}}
  
            
        
    

  

输出：