Retrieve a query parameter within ui-router state controller

Question

So for instance I might have a stage as described:

.state('room', {
    url: "/room/:id",
    templateUrl: "app/views/room.html",
    controller: 'roomsCtrl'

})

And then a controller as defined:

angular.module('app')
    .controller('roomsCtrl', ['$scope','Room', function ($scope,Room) {
        $scope.rooms = Room.get({id: 1}, function(item) {

        });
        console.log($scope);



    }]);

In this instance Room is a service object that has been hooked up to a restful api. I would like to test to see if id is present within the controller and pass that to the id parameter "Room.get({id: 1}" if it exists otherwise pass nothing.

How would one retrieve the parameter id which would be present within the url?

In my case it shows up like: /#/room/1

Here is an example of some html from my view with a link that will key up to the id:

<a ui-sref="room({ id: '1' })">
    {{room.name}}
</a>

Checkout $location service on Angular docs.angularjs.org/api/ng/service/$location — Kyo
– Kyo, Commented May 20, 2014 at 5:45
Will do, working on another project will finish that and try this. The first part didn't work. I think because of conflicts with the ui-router — ajameswolf
– ajameswolf, Commented May 21, 2014 at 6:21

Nidhish Krishnan · Accepted Answer · 2014-05-20 06:10:58Z

2

You can use $stateParams if you are using $stateProvider

$stateParams is an angular service which allows you to retrieve the current set of state parameters.

angular.module('app')
    .controller('roomsCtrl', ['$scope','Room','$stateParams' function ($scope,Room, $stateParams) {

       var id = $stateParams.id;
       :
    }]);

If you are using $routeProvider then use $routeParams

Also Try

var id = $routeParams.id;

edited May 20, 2014 at 6:10

answered May 20, 2014 at 5:46

Nidhish Krishnan

20.8k6 gold badges67 silver badges78 bronze badges

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

Collectives™ on Stack Overflow

Retrieve a query parameter within ui-router state controller

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related