Question

网址可能是

person/show/31586

或

person/show/31586#tab1

是否可以以角度方式获取ID？路由不是由角度管理的。上面的网址加载了一个页面，页面上的一些内容由angular进行管理。

Answer 1

$location服务解析浏览器地址栏中的网址，并使您的应用可以使用该网址。由于您使用的是常规网址路径和搜索细分，因此您必须使用html5Mode将$locationProvider设置为true。

默认情况下，$locationProvider使用hashbangs，因此如果您未将html5Mode设置为true，则在尝试获取URL路径时将获得一个空字符串。

设置html5mode后，您可以使用$location服务获取网址路径，并编写自己的规则来处理路径。

例如，假设您的完整网址如下：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

如果你想获得最后一段字符串，你可能会做这样的事情

function MainController($location){
   var pId = $location.path().split(/[\s/]+/).pop();
     console.log(pId);         //321
}

Answer 3

如果其他人在这里寻求帮助以获取与Angular中的网址相关的帮助。有时，可能需要访问absUrl：

console.log($location.absUrl());

http://127.0.0.1:3000/home

获取AngularJS中的部分网址

3 个答案: