gpt4 book ai didi

javascript - 在AngularJS中获取部分url

转载 作者:行者123 更新时间:2023-12-03 08:13:33 24 4
gpt4 key购买 nike

网址可能是

person/show/31586

或者
person/show/31586#tab1

是否有可能以 Angular 方式获取 ID?路由不是由 Angular 管理的。上面的 url 加载了一个页面,只有页面上的一些内容是由 angular 管理的。

最佳答案

$location服务从浏览器地址栏中解析 URL 并使 URL 可用于您的应用程序。因为您使用的是常规 URL 路径和搜索段,所以您必须设置 html5Mode $locationProvider 为真.

默认情况下,$locationProvider使用 hashbangs,所以如果你不设置 html5Mode为 true,当您尝试获取 URL 路径时,您将得到一个空字符串。

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

例如,假设您的完整 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>

希望这对你有帮助。

关于javascript - 在AngularJS中获取部分url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18097256/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com