AngularJS页面带参跳转及参数解析操作示例
网络编程 2021-07-04 18:32www.168986.cn编程入门
这篇文章主要介绍了AngularJS页面带参跳转及参数解析操作,结合具体实例形式分析了AngularJS使用URL传递参数及参数的接收、解析等相关操作技巧,需要的朋友可以参考下
本文实例讲述了AngularJS页面带参跳转及参数解析操作。分享给大家供大家参考,具体如下
页面带参跳转
$scope.LoginSucessLocation = function () { var hre = 'http://ctb.qingguo./weixinCt/main#/upload_ic_start?uid=' + $scope.uid + '&code=' + $scope.Code; location.href = hre; }
在url的后面,增加?,然后直接带参数。
参数解析
controller声明要增加$location的注入
app.controller('loginCtrl', function ($scope, $http, $interval, $cookies, $location, userService) { var absUrl = $location.absUrl(); function UrlSearch() { var name, value; var str = location.href; //取得整个地址栏 var num = str.indexOf("?"); str = str.substr(num + 1); //取得所有参数 stringvar.substr(start [, length ] var arr = str.split("&"); //各个参数放到数组里 for (var i = 0; i < arr.length; i++) { num = arr[i].indexOf("="); if (num > 0) { name = arr[i].substring(0, num); value = arr[i].substr(num + 1); this[name] = value; } } } var Request = new UrlSearch(); //实例化 alert("Request.id = "+ Request.id); })
从Request 中,通过键值获取出来的值,就是url带的参数,直接用即可。
更多关于AngularJS相关内容感兴趣的读者可查看本站专题《》、《》及《》
希望本文所述对大家AngularJS程序设计有所帮助。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程