AngularJS頁面帶參跳轉(zhuǎn)及參數(shù)解析操作示例
本文實(shí)例講述了AngularJS頁面帶參跳轉(zhuǎn)及參數(shù)解析操作。分享給大家供大家參考,具體如下:
頁面帶參跳轉(zhuǎn)
$scope.LoginSucessLocation = function () { var hre = 'http://ctb.qingguo.com/weixinCt/main#/upload_topic_start?uid=' + $scope.uid + '&orgcode=' + $scope.orgCode; location.href = hre; }
在url的后面,增加?,然后直接帶參數(shù)。
參數(shù)解析
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; //取得整個(gè)地址欄 var num = str.indexOf("?"); str = str.substr(num + 1); //取得所有參數(shù) stringvar.substr(start [, length ] var arr = str.split("&"); //各個(gè)參數(shù)放到數(shù)組里 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(); //實(shí)例化 alert("Request.orgid = "+ Request.orgid); })
從Request 中,通過鍵值獲取出來的值,就是url帶的參數(shù),直接用即可。
更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《AngularJS指令操作技巧總結(jié)》、《AngularJS入門與進(jìn)階教程》及《AngularJS MVC架構(gòu)總結(jié)》
希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。
- Angular 多級(jí)路由實(shí)現(xiàn)登錄頁面跳轉(zhuǎn)(小白教程)
- Angular 利用路由跳轉(zhuǎn)到指定頁面的指定位置方法
- Angular4.x通過路由守衛(wèi)進(jìn)行路由重定向?qū)崿F(xiàn)根據(jù)條件跳轉(zhuǎn)到相應(yīng)的頁面(推薦)
- AngularJS實(shí)現(xiàn)頁面跳轉(zhuǎn)后自動(dòng)彈出對(duì)話框?qū)嵗a
- AngularJS實(shí)現(xiàn)單一頁面內(nèi)設(shè)置跳轉(zhuǎn)路由的方法
- angular同一頁面跳轉(zhuǎn)重新執(zhí)行的實(shí)現(xiàn)方法
相關(guān)文章
解決angular 使用原生拖拽頁面卡頓及表單控件輸入延遲問題
這篇文章主要介紹了angular 中使用原生拖拽頁面卡頓及表單控件輸入延遲問題,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04angularJS+requireJS實(shí)現(xiàn)controller及directive的按需加載示例
本篇文章主要介紹了angularJS+requireJS實(shí)現(xiàn)controller及directive的按需加載示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02Angular實(shí)現(xiàn)防抖和節(jié)流的示例代碼
這篇博客主要是詳細(xì)介紹兩種常用Angular實(shí)現(xiàn)防抖和節(jié)流的方法:使用RxJS操作符和使用Angular自帶的工具,文中通過代碼示例給大家講解的非常詳細(xì),需要的朋友可以參考下2024-02-02使用Angular.js實(shí)現(xiàn)簡(jiǎn)單的購物車功能
在各大購物網(wǎng)站大家都可以簡(jiǎn)單購物車效果演示,下面通過本文給大家分享一段代碼關(guān)于使用Angular.js實(shí)現(xiàn)簡(jiǎn)單的購物車功能,需要的朋友可以參考下2016-11-11詳解angularjs中如何實(shí)現(xiàn)控制器和指令之間交互
本篇文章主要介紹了詳解angularjs中如何實(shí)現(xiàn)控制器和指令之間交互,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05基于Angular中ng-controller父子級(jí)嵌套的相關(guān)屬性詳解
今天小編就為大家分享一篇基于Angular中ng-controller父子級(jí)嵌套的相關(guān)屬性詳解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-10-10Angular在模板驅(qū)動(dòng)表單中自定義校驗(yàn)器的方法
本章介紹的是如何對(duì)模板驅(qū)動(dòng)表單創(chuàng)建自定義校驗(yàn)器,它相比較響應(yīng)式表單自定義校驗(yàn)器略為復(fù)雜一些。接下來通過本文給大家分享Angular在模板驅(qū)動(dòng)表單中自定義校驗(yàn)器的方法,感興趣的朋友一起看看吧2017-08-08解決angular的post請(qǐng)求后SpringMVC后臺(tái)接收不到參數(shù)值問題的方法
這篇文章主要介紹了解決angular的post請(qǐng)求后SpringMVC后臺(tái)接收不到參數(shù)值問題的方法,感興趣的小伙伴們可以參考一下2015-12-12