📜  如何使用 AngularJS 获取当前 URL?(1)

📅  最后修改于: 2023-12-03 15:37:57.774000             🧑  作者: Mango

如何使用 AngularJS 获取当前 URL?

AngularJS 是一款前端框架,其使用起来简单方便。当我们需要对当前 URL 进行操作时,就需要获取到当前 URL。在 AngularJS 中获取当前 URL 可以使用以下方法。

方法一:$location 服务

AngularJS 中提供了 $location 服务,可以帮助我们获取当前 URL。在使用前需要注入 $location 服务,代码如下:

angular.module('myApp').controller('myCtrl', function($scope, $location) {
  // 获取当前 URL
  var currentUrl = $location.absUrl(); 
});

上述代码中,我们通过注入 $location 服务并使用 $location.absUrl() 方法获取到了当前的 URL。

方法二:$window 服务

AngularJS 中提供了 $window 服务,可以帮助我们获取当前 URL。在使用前需要注入 $window 服务,代码如下:

angular.module('myApp').controller('myCtrl', function($scope, $window) {
  // 获取当前 URL
  var currentUrl = $window.location.href; 
});

上述代码中,我们通过注入 $window 服务并使用 $window.location.href 属性获取到了当前的 URL。

使用建议

推荐使用 $location 服务来获取当前 URL,因为 $location 服务提供了更多的方法可以方便地操作 URL,如修改 URL 参数等等。

综上所述,获取当前 URL 可以使用 $location 或 $window 服务,但建议使用 $location 服务。