极客教程AngularJS 中获取基本URL
在本文中，我们将介绍如何在 AngularJS 中获取基本URL。基本URL是指应用程序的根URL，这在处理相对路径时非常有用。
阅读更多：AngularJS 教程
使用$location服务获取基本URL
在 AngularJS 中，我们可以使用 $location 服务来获取基本URL。$location 服务提供了很多有用的方法和属性，包括获取基本URL的方法。
下面是一个示例代码，展示了如何使用 $location 服务获取基本URL：
angular.module('myApp', [])
.controller('myController', function(scope,location) {
scope.baseURL =location.absUrl();
});
在上面的代码中，我们首先创建了一个名为 myApp 的 AngularJS 应用程序，并定义了一个名为 myController 的控制器。在控制器中，我们注入了 $location 服务作为依赖项。
然后，我们在控制器中使用 $location.absUrl() 方法来获取基本URL，并将其赋值给 $scope.baseURL 变量。这样，我们就可以在视图中使用 baseURL 变量来显示基本URL。
示例
假设我们的应用程序的基本URL是 http://localhost:8080。下面是一个使用 $location 服务获取基本URL的完整示例：
index.html
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>AngularJS Get Base URL Example</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body ng-controller="myController">
<h1>基本URL：{{baseURL}}</h1>
</body>
</html>
app.js
angular.module('myApp', [])
.controller('myController', function(scope,location) {
scope.baseURL =location.absUrl();
});
打开上面的示例，我们将看到在页面上显示了基本URL：基本URL：http://localhost:8080。
总结
在本文中，我们学习了如何在 AngularJS 中获取基本URL。通过使用 $location 服务的 absUrl() 方法，我们可以轻松地获取基本URL，并在应用程序中使用它。这对于处理相对路径非常有用，例如加载外部资源或跳转到其他页面。
希望本文对您在 AngularJS 开发中获取基本URL有所帮助！