What's the most concise way to read query parameters in AngularJS?

Question

I'd like to read the values of URL query parameters using AngularJS. I'm accessing the HTML with the following URL: `http://127.0.0.1:8080/test.html?target=bob` As expected, `location.search` is `"?target=bob"`. For accessing the value of target, I've found various examples listed on the web, but none of them work in AngularJS 1.0.0rc10. In particular, the following are all `undefined`: - `$location.search.target` - `$location.search['target']` - `$location.search()['target']` Anyone know what will work? (I'm using `$location` as a parameter to my controller) Update: I've posted a solution below, but I'm not entirely satisfied with it. The documentation at Developer Guide: Angular Services: Using $location states the following about `$location`: When should I use $location? Any time your application needs to react to a change in the current URL or if you want to change the current URL in the browser. For my scenario, my page will be opened from an external webpage with a query paramet…

Accepted Answer

You can inject $routeParams (requires ngRoute) into your controller. Here's an example from the docs:

```
// 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'}
```

EDIT: You can also get and set query parameters with the $location service (available in `ng`), particularly its `search` method: $location.search().

$routeParams are less useful after the controller's initial load; `$location.search()` can be called anytime.

What's the most concise way to read query parameters in AngularJS?

Solution

Problem