码迷,mamicode.com
首页 > Web开发 > 详细

AngularJs中url参数的获取

时间:2017-06-12 11:53:08      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:jquer   func   log   一行代码   oca   sina   nbsp   ide   代码   

前言:

  angular获取通过链接形式访问的页面,要获取url中的参数,就不能通过路由的方式传递获取了,使用原生js或者jquery,又显得比较麻烦,好在angular已经封装了获取url参数的方法,而且只需要一行代码搞定,简单粗暴,完胜传统的url截取匹配字符串的方式。

var para=$location.$$search["para"]

url中其他参数获取:

// 带#号的url,看?号的url,见下面  
url = http://qiaole.sinaapp.com?#name=cccccc  
  
$location.absUrl();  
// http://qiaole.sinaapp.com?#name=cccccc  
  
$location.host();  
// qiaole.sinaapp.com  
  
$location.port();  
// 80  
  
$location.protocol();  
// http  
  
$location.url();  
// ?#name=cccccc  
  
// 获取url参数  
$location.search().name;  
// or  
$location.search()[‘name‘];  
  
// 注:如果是这样的地址:http://qiaole.sinaapp.com?name=cccccc  
  
var searchApp = angular.module(‘searchApp‘, []);  
searchApp.config([‘$locationProvider‘, function($locationProvider) {  
  $locationProvider.html5Mode(true);  
}]);  
searchApp.controller(‘MainCtrl‘, [‘$scope‘, ‘$location‘, function($scope, $location) {  
  if ($location.search().keyword) {  
    $scope.keyword = $location.search().keyword;  
  }  
}]);  

 

AngularJs中url参数的获取

标签:jquer   func   log   一行代码   oca   sina   nbsp   ide   代码   

原文地址:http://www.cnblogs.com/xyyt/p/6991837.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!