介绍
这篇文章给大家分享的是有关angularJS1如何获取url中携带的参数的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
<强>索引。html从此界面跳转到。html界面
& lt; ! doctype html>
& lt; html>
& lt;才能head>
,,,& lt; meta charset=皍tf-8"比;
,,,& lt; title> form demo
,,,& lt; meta name=皏iewport",内容=翱矶?设备宽度,最小规模=1.0,最大范围=1.0,user-scalable=0“,/比;
,,,& lt; https://www.yisu.com/zixun/script src=" js/angular.min.1.6.0.js ">
头
<身体ng-app="应用" ng-controller=" myctrl ">
<按钮ng-click="跳()”>点击跳转下一页
点击跳转下一页
<脚本>
应用var=角。模块(“应用程序”,[]);
app.controller (myctrl,函数(范围、美元窗口){
美元的范围。跳=function () {
window.location美元。href=' a.html ?名字=xie&age=25社会性别史=nv”;
}
});>
<强>。html跳转到的目标界面,在此界面获取url携带的参数:
& lt; ! DOCTYPE html>
& lt; html>
& lt;才能head>
,,,& lt; meta charset=癠TF-8"比;
,,,& lt; meta name=皏iewport",内容=翱矶?设备宽度,最小规模=1.0,最大范围=1.0,user-scalable=0“,/比;
,,,& lt; https://www.yisu.com/zixun/script src=" js/angular.min.1.6.0.js ">
<标题>
头
<身体ng-app=癿yapp”ng-controller=" myctrl ">
a.html
<脚本>//Url=" http://168.33.222.69:8020/angularjs_demo/a.html ?名字=xie&age=25社会性别史=nv”;
应用var=angular.module (“myapp”, []);
app.config ([locationProvider美元,函数(locationProvider美元){//美元locationProvider.html5Mode(真正的);
美元locationProvider.html5Mode ({
启用:没错,
requireBase:假
});
}));
app.controller (myctrl,函数(范围、位置美元){
console.log ($ location.search () . name);
console.log (location.search美元().age);
console.log (location.search美元().gender);
});//打印结果://(网页浏览器]“谢”//(网页浏览器]“25”//(网页浏览器]”nv”>
感谢各位的阅读!关于“angularJS1如何获取url中携带的参数”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
