How to get url parameters from controller in angular.js

Question

so, in my app.js :

.state('app.packages', {
  url: "/packages/:packagesId",
  views: {
    'menuContent' :{
      templateUrl: "templates/packages.html",
      controller: function ($stateParams) {
        console.log($stateParams);
      }
    }
   }
})

in browser console, it showing this :

Object {packagesId: "25242039"}

How do i access the $stateParams that hold the value of packagesId inside controller.js?

Currently doing it like this, but it is not working...

.controller('PlaylistCtrl', function($scope,$stateParams) {
  $scope.getId = function(){
    return $scope = $stateParams.packagesId ;
 };
})

Have you referenced the right controller in your state ? (the snippet you show us still has controller: function ($stateParams) {console.log($stateParams);} — Goodzilla
– Goodzilla, Commented Jul 23, 2014 at 15:48

Lukasz Madon · Accepted Answer · 2014-07-23 15:57:51Z

1

First off, I don't understand why you want to assign the id to the scope return $scope = $stateParams.packagesId;

Secondly, you have a controller PlaylistCtrl, so you need to set it for router state.

 // you may try simple view first
.state('app.packages', {
  url: "/packages/:packagesId",
  templateUrl: "templates/packages.html",
  controller: 'PlaylistCtrl'

answered Jul 23, 2014 at 15:57

Lukasz Madon

15.1k16 gold badges69 silver badges110 bronze badges

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

1 Comment

Azizi Musa Over a year ago

owh..thanx a lot ! i just dont realize that i assign it to wrong controller. It should be PlaylistCtrl and not PlaylistsCtrl

Collectives™ on Stack Overflow

How to get url parameters from controller in angular.js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related