Skip to content Skip to sidebar Skip to footer

How Do I Parse Url Params After A Hash With Angularjs?

I'm trying to parse for the access_token from Foursquare where the URL is like this: https://mywebsite.com/4sqredirect/#access_token=1234567890XXXXX I've tried $routeParams and $lo

Solution 1:

From angular location service$location.hash() method return #after-hash

so if your url is look like

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

then

$location.hash() return access_token=1234567890XXXXX

you need to split it split('=')[1]

see this plunker when you click 4Square then $location.url() return

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

return 123456

Solution 2:

Use $location.search()

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

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

Search:

Returns search part (as object) of current url when called without any parameter.

Solution 3:

I'm not aware of a "native angular" way to do it, but you do have access to the hash via location.hash as a string type. it's probably not ideal, but it's workable.

Solution 4:

There is in fact no direct support from Angular JS to do this. I wouldn't use ngRoute, because it already might expect the # at a different place. A simple solution to your problem is to use the location.hash and the substring() function:

<!DOCTYPE html><htmlng-app="app"><head><scriptsrc="http://code.angularjs.org/1.2.6/angular.js"></script><linkhref="style.css"rel="stylesheet" /><script>
angular.module('app', [])
.controller('AppCtrl', ['$scope', '$window', function($scope, $window) {
  $scope.accessToken = $window.location.hash.substring(14);
}]);
</script></head><bodyng-controller="AppCtrl"><h1>Access Token</h1><p>{{accessToken}}</p></body></html>

Post a Comment for "How Do I Parse Url Params After A Hash With Angularjs?"