Parse URL using AngularJS
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<h3>Parse URL using AngularJS</h3>
url: <input type="text" ng-model="url" value="" style="width:780px;">
<ul>
<li>href = {{parser.href}}</li>
<li>protocol = {{parser.protocol}}</li>
<li>host = {{parser.host}}</li>
<li>hostname = {{parser.hostname}}</li>
<li>port = {{parser.port}}</li>
<li>pathname = {{parser.pathname}}</li>
<li>hash = {{parser.hash}}</li>
<li>search = {{parser.search}}</li>
<li>account = {{parser.account}}</li>
<li>routeParams.account = {{parser.routep}}</li>
<li>split = {{parser.split}}</li>
<li>params = {{parser.params}}</li>
</ul>
JavaScript
function AppCtrl($scope) {
$scope.$watch('url', function () {
$scope.parser.href = $scope.url;
$scope.parser.search = $scope.url.search();
$scope.parser.split = $scope.url.split("?")[1];
$scope.parser.routep = $routeParams.account;
$scope.parser.params = urlGetParams($scope.url);
$scope.parser.account = ($scope.url.search()).account;
});
$scope.init = function () {
$scope.parser = document.createElement('a');
$scope.url = window.location + '?account=1';
}
}