AngularJS頁面帶參跳轉(zhuǎn)及參數(shù)解析操作示例

發(fā)布時(shí)間：2020-09-15 13:07:17 來源：腳本之家閱讀：268 作者：小魏的馬仔欄目：web開發(fā)

本文實(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é)》

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

向AI問一下細(xì)節(jié)

AngularJS頁面帶參跳轉(zhuǎn)及參數(shù)解析操作示例

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽