Angular - Return ID from URL Path in Controller

Question

I am building a rather simple AngularJS app, but for simplicity's sake, I'd rather not use the routing (if possible), and just serve back individual Angular pages from the server. Essentially, use Angular only for layout and functionality of 'widgets' and not for moving between pages.

With that said, I've spent hours trying to get an ID out of the current URL, so:

/Tickets/:id

All I want to do in my controller, is get the ID from the URL, then pass that to a Factory. (below is an example using pseudocode)

app.controller('ticketController', ['$scope', '$route',
    function ($scope, $route, $location) {
        //Get ID out of current URL
        var currentId = someFunction().id;
        factory.callFactory(ID);
    }]);

I've also tried creating routes, but the objects returned don't seem to provide a way to get the ID.

app.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
    .when('/tickets/:id',
      {
          templateUrl: '/partials/edit',
          controller: 'ticketController'
      }
    );
}]);

Not sure what I'm doing wrong.

This doesn't seem to work for me

This also doesn't seem to work, but I may be doing something wrong

asgoth · Accepted Answer · 2014-02-27 21:54:36Z

45

Try $routeParams instead:

app.controller('ticketController', ['$scope', '$routeParams',
   function ($scope, $routeParams) {
      //Get ID out of current URL
      var currentId = $routeParams.id;
}]);

answered Feb 27, 2014 at 21:54

asgoth

35.8k12 gold badges91 silver badges98 bronze badges

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

2 Comments

Magne Over a year ago

You need to install ngRoute for this to work: docs.angularjs.org/api/ngRoute

Ne AS Over a year ago

How can I get it if I use $location.path("/products/" + category.id); ?

DimaSan · Accepted Answer · 2016-12-06 14:37:42Z

18

If you are using ui-router so try $stateParams:

app.controller('ticketController', ['$scope', '$stateParams',
   function ($scope, $stateParams) {
      //Get ID out of current URL
      var currentId = $stateParams.id;
}]);

edited Dec 6, 2016 at 14:37

DimaSan

12.8k15 gold badges71 silver badges81 bronze badges

answered Oct 7, 2014 at 17:31

Omid.Hanjani

1,5222 gold badges22 silver badges29 bronze badges

1 Comment

Ne AS Over a year ago

How can I get it if I use $location.path("/products/" + category.id); ?

Collectives™ on Stack Overflow

Angular - Return ID from URL Path in Controller

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related