我正在尝试从 Foursquare 的 URL 中解析 access_token,URL 的格式如下:
https://mywebsite.com/4sqredirect/#access_token=1234567890XXXXX
我已经尝试使用 $routeParams 和 $location,但没有返回任何内容。只有在我尝试使用 $route 后,我才得到一个带有以下属性的对象:
current: {
params: { }
pathParams: { }
loadedTemplateUrl: partials/4sqredirect
locals: { }
scope: {
this: {
$ref: $["current"]["scope"]
}
route: {
$ref: $
}
location: { }
token: null
}
}
这是否意味着无法使用原生AngularJS函数获取它,因为有#符号?
更新:
我的控制器如下所示:
angular.module('myApp')
.controller('4sqredirectCtrl', function ($scope, $route, $location, $routeParams) {
$scope.route = $route;
$scope.location = $location;
$scope.token = $routeParams.access_token;
});
我的主 JavaScript 代码如下:
angular.module('myApp', [
'ngCookies',
'ngResource',
'ngSanitize',
'ngRoute'
])
.config(function ($routeProvider, $locationProvider) {
$locationProvider.html5Mode(true);
$routeProvider
.when('/', {
templateUrl: 'partials/main',
controller: 'MainCtrl'
})
.when('/4sqredirect/', {
templateUrl: 'partials/4sqredirect',
controller: '4sqredirectCtrl'
})
.otherwise({
redirectTo: '/'
});
});
$location.hash()
返回哈希后面的所有内容,但不包括哈希本身。在您提供的示例中,它将返回after-hash
,而不是#after-hash
。 - Walter Romanvar searchParams = new URLSearchParams($location.hash())
。然后你可以使用searchParams.get('access_token')
。参考:https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams。 - Tim Harker