How to get a url param in AngularJS

Question

Any idea why $routeParams is logging undefined? I would expect it to log an id.

var app = angular.module('Example', ['ngResource', 'ngRoute']);

app.config([
  '$routeProvider', function($routeProvider) {
    return $routeProvider.when('/entries/:entryId', {
      controller: 'EntryController'
    });
  }
]);

app.controller('EntryController', [
  '$scope', '$routeParams', '$http', function($scope, $routeParams, $http) {
    $http.get("/entries/" + $routeParams.entryId + ".json").success(function(data) {
      return $scope.phone = data;
    });
    // This logs undefined.
    console.log($routeParams.entryId);
  }
]);

Current URL is http://localhost:3000/entries/5383a2f44d6f6816d7020000

Dalorzo · Accepted Answer · 2014-05-27 00:21:37Z

1

I do NOT use return on my route configuration and I failed to find the templateUrl in your sample:

$routeProvider.when('/entries/:entryId', {
      templateUrl: 'sample.html',
      controller: 'MyController'
    });

A complete sample will be like this:

angular.module('demo', ['ngRoute'])
    .controller('MainController', function($scope, $route, $routeParams, $location) {
    })

   .controller('SampleController', function($scope, $routeParams) {
       $scope.name = "SampleController";
       $scope.params = $routeParams;
   })
  .config(function($routeProvider, $locationProvider) {
    $routeProvider
    .when('/entries/:id', {
      templateUrl: 'sample.html',
      controller: 'SampleController'
    });

    // configure html5 to get links working on jsfiddle
    $locationProvider.html5Mode(true);
  });

edited May 27, 2014 at 0:21

answered May 27, 2014 at 0:05

Dalorzo

20k7 gold badges57 silver badges102 bronze badges

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

Collectives™ on Stack Overflow

How to get a url param in AngularJS

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