How Do I Parse Url Params After A Hash With Angularjs?
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?"