在使用Angularjs散列后,如何解析URL参数？

Question

我正在尝试解析来自Foursquare的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;
    });

我的主要js如下所示:

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: '/'
    });
});

Answer 1

从角位置服务 $location.hash()方法返回#after-hash

所以如果你的网址看起来像

https://mywebsite.com/4sqredirect/#access_token=1234567890XXXXX

然后

$location.hash() 返回 access_token=1234567890XXXXX

你需要拆分它 split('=')[1]

当你点击然后返回时看到这个plunker4Square$location.url()

/4sqredirect/#access_token=123456
$location.hash().split('=')[1]

返回 123456

Answer 2

使用 $location.search()

//e.g. url https://www.example.com/#!?name=123
var s = $location.search();
// {name: '123'}

http://docs.angularjs.org/api/ng.$ location

搜索:

在没有任何参数的情况下调用时,返回当前url的搜索部分(作为对象).