AngularJs中url参数的获取

Posted 2020-09-22 逍遥云天

前言：

　　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;  
  }  
}]);