如何使用AngularJS获取当前URL？

在AngularJS中，我们可以使用$location服务来获取当前URL。$location模块在AngularJS中作为主要的URL服务模块之一，它包含了当前URL的信息和一些有关URL的方法和属性。

使用$location服务可以很方便地对URL进行访问和操作。

1. 获取当前URL

获取当前URL的方法非常简单，只需要使用$location的absUrl()函数即可。这个函数返回一个包含当前URL的字符串。

var currentUrl = $location.absUrl();
console.log(currentUrl);

以上代码中，我们定义了一个currentUrl变量，使用$location.absUrl()函数把当前URL保存到变量中，并使用console.log()函数把当前URL输出到控制台。

2. 获取当前路径

除了获取完整的URL外，我们还可以获取当前路径。使用$location的path()函数可以很轻松地实现这个功能。

var currentPath = $location.path();
console.log(currentPath);

以上代码中，我们定义了一个currentPath变量，使用$location.path()函数把当前路径保存到变量中，并使用console.log()函数把当前路径输出到控制台。

3. 获取当前查询参数

还可以获取当前URL的查询参数，即URL中问号后面的参数。使用$location的search()函数即可实现这个功能。

var currentSearchParams = $location.search();
console.log(currentSearchParams);

以上代码中，我们定义了一个currentSearchParams变量，使用$location.search()函数把当前查询参数保存到变量中，并使用console.log()函数把当前查询参数输出到控制台。

4. 获取当前哈希值

最后，我们还可以获取当前URL的哈希值。哈希值通常用于锚点定位或客户端路由。使用$location的hash()函数可以方便地获取当前URL的哈希值。

var currentHash = $location.hash();
console.log(currentHash);

以上代码中，我们定义了一个currentHash变量，使用$location.hash()函数把当前哈希值保存到变量中，并使用console.log()函数把当前哈希值输出到控制台。

结论

经过上面的介绍后，我们已经了解了如何使用AngularJS获取当前URL、当前路径、当前查询参数和当前哈希值。

使用$location服务可以很方便地访问和操作URL，为AngularJS应用带来了很多便利。