【更新】AngularJs $location获取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;
  }
}]);

 

点击查看DEMO

http://each.sinaapp.com/search/unicom.html?keyword=%E6%B5%81%E9%87%8F

 

 

 

若有疑问，请发表评论或添加微信为你解答：

更多实例应用扫码体验：

评论

4 楼 ydw5791 2016-01-07  

$location:nobase报这个错，需要在头部添加<base href="/" />

3 楼 ydw5791 2016-01-07  

  乔乐好样的，搜到你的文章了

2 楼 qiaolevip 2015-11-20  

定睛一看，你没有开启 $locationProvider.html5Mode(true); 模式。

o11o11 写道

http://127.0.0.1:8080/mvendor/settlementDetail.html?#?paymentDocumentId=1
这样的地址才拿得到啊(づ￣3￣)づ╭❤～
纠结了好久..........
改一改亲

1 楼 o11o11 2015-11-07  

http://127.0.0.1:8080/mvendor/settlementDetail.html?#?paymentDocumentId=1
这样的地址才拿得到啊(づ￣3￣)づ╭❤～
纠结了好久..........
改一改亲