Use the parameters from URL on the page in AngularJS

Question

I have to use parameter from url on the page.

For example, URL is smth like: url.com/index.html?username. I need to take this "username" show it on the page, and use it several times to get the right link.

<img src='http://url.com/project/{{---username here---}}/{{id}}.png' alt='' />

I've tried to do it with $location.search. But it doesn't work. It shows "cannot read property search of undefined" :(( Can you please tell me what I'm doing wrong and how should I do it in the right way?

Thanks a lot.

I think you should assing the value to $scope variable and then use + to concatnate it. like: in controller $scope.id = "A1B2C3"; and in the viwe <img src='url.com/project/'+{{id}}+'.png' alt='' /> — Abdelrhman Hussien
– Abdelrhman Hussien, Commented Jan 9, 2017 at 5:48
Do you inject $location service in your controller? From the error it's obvious that $location is not defined. — MRB
– MRB, Commented Jan 9, 2017 at 5:58
@MRB now I have the error like this one: $location is not defined :( — daxxac
– daxxac, Commented Jan 9, 2017 at 6:04

Supradeep · Accepted Answer · 2017-01-09 06:43:21Z

1

Use [**$location.search()**][1] to get the params as an object. Try after enabling the HTML5mode. In your app config, enable HTML5Mode like this:

$locationProvider.html5Mode(true)

and then ,

var params = $location.search();

edited Jan 9, 2017 at 6:43

answered Jan 9, 2017 at 5:59

Supradeep

3,2661 gold badge18 silver badges28 bronze badges

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

Comments

Ahmed Mostafa · Accepted Answer · 2017-01-09 06:27:03Z

0

if you need an parameter from URL use it like this

// given URL http://example.com/#/some/path?foo=bar&baz=xoxo
var searchObject = $location.search();
// => {foo: 'bar', baz: 'xoxo'}
searchObject['foo'] //  => 'bar'
searchObject.foo  //  => 'bar'

answered Jan 9, 2017 at 6:27

Ahmed Mostafa

6961 gold badge4 silver badges17 bronze badges

Collectives™ on Stack Overflow

Use the parameters from URL on the page in AngularJS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related