How to get the query parameter from the requested URL in Angularjs?

Question

I want to take the last value in this url: http://localhost:60954/Home/Index/3

I made this angular app but the object is always undefined

var app = angular.module('myApp', ['ngRoute']);
app.controller('myController', function ($scope, $routeParams) {
    console.log("in ctrlr");
    console.log("parameter");
    console.log($routeParams);
//this always doesn't work. Should I define `id` somewhere?

    console.log($routeParams.id);

Possible duplicate of [AngularJS get current URL parameters](http://stackoverflow.com/questions/20655877/angularjs-get-current-url-parameters) — Aravind, Jan 05 '17 at 11:34

score 0 · Answer 1 · answered Jan 05 '17 at 11:29

0

You're already injecting $routeParams into your controller. You just have to use it as well.

$routeParams.queryParam

answered Jan 05 '17 at 11:29

Aer0

3,792
17
33

score 0 · Answer 2 · answered Jan 05 '17 at 11:42

0

$routeProvider.when('/index/**:id'**, { controller: 'HomeCtrl' });

Where are :id is the param name.So, You should call the param name with the $routeParams like as $routeParams.id

answered Jan 05 '17 at 11:42

Ramesh Rajendran

37,412
45
153
234

Is it one asterisk or two or four or zero, what is it all about?? – mshwf Jan 05 '17 at 11:44
did you configure your url parameter name in $routeprovider? – Ramesh Rajendran Jan 05 '17 at 11:46
Yes: `app.config(function ($routeProvider, $locationProvider) { $routeProvider.when('/Index/:id*', { controller: 'clinicController'}); $locationProvider.html5Mode(true); });` – mshwf Jan 05 '17 at 11:47
See the controller name is different `'clinicController'`. You can get the `id` param value from `'clinicController'` only. You can't it from `'myController'` – Ramesh Rajendran Jan 05 '17 at 11:49
They are the same actually, I used more generic name in the question – mshwf Jan 05 '17 at 11:52
Then the problem may be for that. – Ramesh Rajendran Jan 05 '17 at 11:53
No, there is no `myController` only `clinicController` – mshwf Jan 05 '17 at 11:54
see the above comment which you wrote here. there have a controller name `{ controller: 'clinicController'}); ` – Ramesh Rajendran Jan 05 '17 at 11:56

score 0 · Answer 3 · answered Jan 05 '17 at 13:11

0

I was missing adding ng-view attribute to the container element.

answered Jan 05 '17 at 13:11

mshwf

7,009
12
59
133

How to get the query parameter from the requested URL in Angularjs?

3 Answers3