AngularJS - can't read the URL parameter

Question

in my stateProvider definition I have:

return function ( $stateProvider ) {
    return $stateProvider.state('welcomeCAReg', {
                                url:         '/myURL/:id',
                                templateUrl: 'hi.html',
                                controller:  'hiController'
                         })

and then, in the controller I want to read the :id param:

$locationProvider.html5Mode().enabled = true;
....
var paramValue = $location.search().id;

but the paramValue value is undefined, why ?

dfsq · Accepted Answer · 2016-08-23 10:24:13Z

1

You should use $stateParams service:

function hiController($stateParams) {
    console.log( $stateParams.id )
}

answered Aug 23, 2016 at 10:24

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

Comments

Tony · Accepted Answer · 2016-08-23 12:21:12Z

0

Ok, I ended up by using

$state.params['id'];

which works

answered Aug 23, 2016 at 12:21

Tony

12.8k38 gold badges131 silver badges234 bronze badges

Collectives™ on Stack Overflow

AngularJS - can't read the URL parameter

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