AngularJS Controller en fonction du paramètre d'URL

Question

EDIT: Ajout de $ routeProvider et $ routeParams, mais $ routeParams.productId est toujours indéfini. C'était mon premier essai, mais je pensais que c'était la mauvaise façon. De toute façon ça ne marche pas pour le moment.

Je commence à apprendre AngularJS et j'ai une question très simple: En fonction de l'ID contenu dans l'URL, je voudrais afficher un enregistrement BD différent.

... 
<div ng-app=MyApp> 
    <div ng-controller="MyCtrl"> 
    {{ record }} 
    </div> 
</div> 
... 

fichier Mon Javascript:

var MyApp = angular.module("MyApp",[]); 

MyApp.config(['$routeProvider', function($routeProvider) { 
    $routeProvider 
    .when('/get/:productId', { 
     controller: 'MyCtrl' 
    }); 
}]) 

MyApp.controller('MyCtrl',['$scope','$routeParams','$http', 
    function($scope,$routeParams,$http) { 
    $http.get("/get/"+$routeParams.productId).success(function(data) { 
     $scope.record = data; 
    }); 
}]) 

J'ai essayé d'utiliser routeProvider $ et routeParams $ sans succès.

Merci à l'avance, Bill

Answer 1

vous avez besoin de 2 choses, les routeParams de $ injectés dans votre contrôleur et de créer un itinéraire valide avec la méthode get

MyApp.controller('MyCtrl',['$scope','$http',"$routeParams", 
     function($scope,$http,$routeParams) { 
      $http.get("/get/"+$routeParams.productId).success(function(data) { 
       $scope.record = data; 
     }); 
    };