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入門與進階教程》及《AngularJS MVC架構(gòu)總結(jié)》

希望本文所述對大家AngularJS程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

angular父子組件通信詳解
這篇文章主要為大家介紹了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ù)含義詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
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指令的詳細資料,并附有代碼示例,有需要的小伙伴可以參考下
2016-08-08
AngularJS中重新加載當(dāng)前路由頁面的方法
下面小編就為大家分享一篇AngularJS中重新加載當(dāng)前路由頁面的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-03-03
Angular腳手架開發(fā)的實現(xiàn)步驟
這篇文章主要介紹了Angular腳手架開發(fā)的實現(xiàn)步驟，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
Angular本地存儲安全分析詳解
這篇文章主要為大家介紹了Angular本地存儲安全分析詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-03-03
Angular5中調(diào)用第三方j(luò)s插件的方法
下面小編就為大家分享一篇Angular5中調(diào)用第三方j(luò)s插件的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-02-02