Search URL parameters with Angular JS

Question

Say I have a URL like this:

www.mysite.com?account=23&token=asdu756sdg65sdf

Now, I need to access those URL parameters individually using Angular JS.

I've tried using location.search inside my controller:

console.log(location.search);

Which nicely returns the full query string:

?account=23&token=asdu756sdg65sdf

But it seems to return a string, not an object. Is there an easy way to access the individual ids and values in the string?

I've also tried:

console.log($location.search());

Which seems to return an empty object.

Whisher · Accepted Answer · 2014-07-27 14:07:20Z

2

Try with

var account = ($location.search()).account;

but the url should be like /#!/?account=1

answered Jul 27, 2014 at 14:07

Whisher

32.9k34 gold badges129 silver badges204 bronze badges

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

1 Comment

CaribouCode Over a year ago

Perfect thanks! I didn't realise I had to structure the URL differently, but it's not a problem.

ryeballar · Accepted Answer · 2014-07-27 13:39:40Z

0

have your tried using it as a function instead?

$location.search();

answered Jul 27, 2014 at 13:39

ryeballar

30.1k10 gold badges67 silver badges76 bronze badges

3 Comments

CaribouCode Over a year ago

Yes, that seems to return an empty object

CaribouCode Over a year ago

$location on it's own seems to work. Any idea why the search function would be returning empty?

ryeballar Over a year ago

can you provide a plunker or a jsfiddle? It might be easier for us to find the problem.

shrekuu · Accepted Answer · 2014-07-30 10:44:04Z

0

pure js way:

var getParamFromURL = function(_url) {
    var url = _url;
    var _paraString = url.indexOf("&") > -1 ? url.substring(url.indexOf("?") + 1, url.length).split("&") : url.substring(url.indexOf("?") + 1, url.length).split('');
    var _paraObj = {};
    for (i = 0; p = _paraString[i]; i++) {
        _paraObj[p.substring(0, p.indexOf("=")).toLowerCase()] = p.substring(p.indexOf("=") + 1, p.length);
    }
    return _paraObj;
}

via angular js:

 // Given:
 // URL: http://server.com/index.html#/Chapter/1/Section/2?search=moby
 // Route: /Chapter/:chapterId/Section/:sectionId
 //
 // Then
 $routeParams ==> {chapterId:'1', sectionId:'2', search:'moby'}

Great. @Cooper is right.

edited Jul 30, 2014 at 10:44

answered Jul 27, 2014 at 13:43

shrekuu

2,2721 gold badge28 silver badges43 bronze badges

2 Comments

CaribouCode Over a year ago

That looks like pure javascript to me. I'm pretty sure Angular JS has built in functions to do this job, and seeing as that's the framework I'm using for this project, I'd like to do it in that.

charlietfl Over a year ago

@Cooper no angular doesn't simply because angular routing is all after the hash and has no interest in location.search

Collectives™ on Stack Overflow

Search URL parameters with Angular JS

3 Answers 3

1 Comment

3 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related