$location获取url参数 - AngularJs

小蕊 发表于: 2019-06-28   最后更新时间: 2019-06-29 17:17:42  
{{totalSubscript}} 订阅, 2,888 游览

$location比较简单,我们拿下面url举例:

带#号的url,和?号的url,如下

url = https://www.orchome.com?#name=cccccc

angularjs代码如下:

$location.absUrl();
// https://www.orchome.com?#name=cccccc

$location.host();
// www.orchome.com

$location.port();
// 80

$location.protocol();
// https

$location.url();
// ?#name=cccccc

// 获取url参数
$location.search().name;
// or
$location.search()['name'];

// 注:如果是这样的地址:https://www.orchome.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;
  }
}]);
更新于 2019-06-29

查看AngularJS更多相关的文章或提一个关于AngularJS的问题,也可以与我们一起分享文章