AngularJS頁面帶參跳轉(zhuǎn)及參數(shù)解析操作示例
更新時間：2017年06月28日 10:37:42 作者：小魏的馬仔
這篇文章主要介紹了AngularJS頁面帶參跳轉(zhuǎn)及參數(shù)解析操作,結(jié)合具體實例形式分析了AngularJS使用URL傳遞參數(shù)及參數(shù)的接收、解析等相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了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; //取得整個地址欄
var num = str.indexOf("?");
str = str.substr(num + 1); //取得所有參數(shù) stringvar.substr(start [, length ]
var arr = str.split("&"); //各個參數(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(); //實例化
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é)》
希望本文所述對大家AngularJS程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要為大家介紹了angular父子組件通信，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
詳解Webstorm 下的Angular2.0開發(fā)之路(圖文)
這篇文章主要介紹了詳解Webstorm 下的Angular2.0開發(fā)之路(圖文) ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
利用Angular2的Observables實現(xiàn)交互控制的方法
這篇文章主要介紹了利用Angular2的Observables實現(xiàn)交互控制的方法，我們主要針對一些在跟服務(wù)器端交互的時候遇到的問題，來看看Observable給我們帶來的特性。感興趣的可以了解一下2018-12-12
Angular中ng?update命令force參數(shù)含義詳解
這篇文章主要為大家介紹了Angular中ng?update命令force參數(shù)含義詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
angularjs結(jié)合html5實現(xiàn)拖拽功能
本篇文章給大家分享了angularjs結(jié)合html5實現(xiàn)拖拽功能的方法以及代碼實例，有興趣的朋友參考下。2018-06-06
AngularJS基礎(chǔ) ng-mouseleave 指令詳解
本文主要介紹AngularJS ng-mouseleave 指令,這里幫大家整理了ng-mouseleave指令的詳細(xì)資料,并附有代碼示例,有需要的小伙伴可以參考下2016-08-08
下面小編就為大家分享一篇AngularJS中重新加載當(dāng)前路由頁面的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了Angular腳手架開發(fā)的實現(xiàn)步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要為大家介紹了Angular本地存儲安全分析詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
Angular5中調(diào)用第三方j(luò)s插件的方法
下面小編就為大家分享一篇Angular5中調(diào)用第三方j(luò)s插件的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02