AngularJs $location获取url参数

  1. // 带#号的url,看?号的url,见下面  
  2. url = http://qiaole.sinaapp.com?#name=cccccc  
  3.   
  4. $location.absUrl();  
  5. // http://qiaole.sinaapp.com?#name=cccccc  
  6.   
  7. $location.host();  
  8. // qiaole.sinaapp.com  
  9.   
  10. $location.port();  
  11. // 80  
  12.   
  13. $location.protocol();  
  14. // http  
  15.   
  16. $location.url();  
  17. // ?#name=cccccc  
  18.   
  19. // 获取url参数  
  20. $location.search().name;  
  21. // or  
  22. $location.search()['name'];  
  23.   
  24. // 注:如果是这样的地址:http://qiaole.sinaapp.com?name=cccccc  
  25.   
  26. var searchApp = angular.module('searchApp', []);  
  27. searchApp.config(['$locationProvider', function($locationProvider) {  
  28.   $locationProvider.html5Mode(true);  
  29. }]);  
  30. searchApp.controller('MainCtrl', ['$scope', '$location', function($scope, $location) {  
  31.   if ($location.search().keyword) {  
  32.     $scope.keyword = $location.search().keyword;  
  33.   }  
  34. }]);  

posted on 2016-09-02 14:24  院前桂落  阅读(176)  评论(0)    收藏  举报

导航