passing route parameter to controller

Question

Right now I have existing productsController which delivers products data using dataService

myApp.controller("productsController", function ($scope, $http, dataService) { $scope.productsData = dataService; dataService.getProducts() .then(function () { //success }, function () { // error alert("could not load products"); }); });

this works fine, products are rendered on my view properly. Now I want to open product details on product click so I add

<tr ng-repeat="product in productsData.products"> <td>{{ product.Name }}</td> <td> <a ng-href="{{ product.Id }}"> <img ng-src="{{ product.thumbnail }}" width="50" height="50" /> </a> </td> </tr>

I added corresponding route

myApp.config(function ($routeProvider) { ... .when("/product/:id", { controller: "productsController", templateUrl: "/templates/productDetailsView.html" }) ... }

my question is: How can I pass this id parameter to productsController so I can pass it further to my data service which will return data.

merlin · Accepted Answer · 2014-10-23 13:45:47Z

Inject $routeParams into your controller.

myApp.controller("productsController", ['$routeParams', function ($routeParams) { console.log($routeParams.id); }]);

Collectives™ on Stack Overflow

passing route parameter to controller

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related