Question

我目前在/addDoc，我想要当前的路线。这是我的控制器：

app.controller('DocRegistrationController',[ '$http', '$scope', '$upload', '$location', function($http, $scope, $upload, $location){
$scope.validation=function(){
   alert($location.path());
}
    }

然而它返回空。我不想硬编码所有的路线。我做错了什么？

Answer 1

$ location service响应解析浏览器地址栏中的URL并使URL可用于您的APP。

由于您使用的是常规网址路径和搜索细分，因此您必须将$ locationProvider html5Mode设置为true。

$ locationProvider将使用hashbang作为默认模式。

如果你没有将html5Mode设置为true，那么当你尝试获取url路径时，你会得到空字符串。

然后在设置html5Mode后使用$ location服务获取url路径。

编写自己的规则来处理路径。

假设您的完整网址如下：http://example.com/person/show/321

Main.js

angular.module("MyAPP",[],function($locationProvider){
    $locationProvider.html5Mode(true);
});

function MainController($location){
    var pId = $location.path().split("/")[3]||"Unknown";    //path will be /person/show/321/, and array looks like: ["","person","show","321",""]
    console.log(pId);
}

的index.html

<!DOCTYPE html>
<html lang="en" ng-app="MyAPP">
    <head>
        <meta charset="utf-8">
        <title>Angular test</title>
    </head>
    <body ng-controller="MainController">
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>

希望这对你有所帮助。

Answer 2

还要尝试这个，这是JS中的本机代码。它对我有用。但是如果你需要解析具有许多嵌套页面的长URL，你必须稍微修改一下代码。

var path = "/" + window.location.pathname.split('/')[1];
  console.log(path
);

Answer 3

使用$location.absUrl() ....完整网址如下：http://localhost:6292/Example/URLName

无法获得当前路线。 $ location.path（）返回空。

3 个答案: