How to add hash and query params to a url in Angularjs

Question

I want to add query params and hash to a url from controller without reloading the page.

var param [
    query: "abc",
    page : 1
];
$location.url("/project").search(param);

This changes the url from domainname.com to domainname.com/project?query=abc&page=1 which is fine but I also want to add div id to the url using hash. I want my url to be donainname.com/project?query=abc&page=1#result . How to achieve this any suggesstion or comments ? One thing should be taken care of that query params and hash should be added in one go as I have written a function which gets call when url changes otherwise it gets called more than once.

r0hitsharma · Accepted Answer · 2016-04-12 15:45:32Z

0

You can set it using $location.hash

$location.url("/project").search(param).hash('result');

edited Apr 12, 2016 at 15:45

answered Apr 12, 2016 at 14:44

r0hitsharma

1,7821 gold badge13 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

iit2011081 Over a year ago

app.run( function($rootScope, $location, $http, $window) { $rootScope.$watch(function() { return $location.url(); }, function(a){ }); }); This function gets called when url changes, In your case it will call my function twice.

r0hitsharma Over a year ago

You can also set the url by hand using and redirect window.location, but then the page would reload, in case you're looking to avoid that.

iit2011081 Over a year ago

ya I don't want to reload the page

r0hitsharma Over a year ago

could you host your code somewhere for help with debugging?

Collectives™ on Stack Overflow

How to add hash and query params to a url in Angularjs

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related