AngularJs中url参数的获取

前言：

　　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参数的获取

最新文章

热门文章