AngularJS $ http issue

Question

Я довольно новичок в AngularJS, и у меня есть небольшая проблема.

Я получаю данные JSON из api, я отображаю все данные с помощью ng-repeat.

Затем из каждого другого объекта, когда я нажимаю на ссылку Id для примера, я хотел бы отобразить на другой странице только конкретные данные для этого объекта. У меня нет проблем с маршрутом, я хорошо разбираюсь в этой странице, но когда я пытаюсь создать образец, чтобы отобразить «Имя», я получаю следующее: {{name}}

Здесь идут мои два контроллера:

var toulouseVeloControllers = angular.module('toulouseVeloControllers', []); 

toulouseVeloControllers.controller('toulouseVeloListCtrl', ['$scope', '$http', 
    function($scope, $http) { 
    $http.get('https://api.jcdecaux.com/vls/v1/stations?contract=toulouse&apiKey=************************').success(function(data) { 
     $scope.bornes = data; 
    }); 
    }]); 

    toulouseVeloControllers.controller('toulouseVeloDetailCtrl', ['$scope', '$routeParams', '$http', 
     function($scope, $http) { 
     $http.get('https://api.jcdecaux.com/vls/v1/stations/' + data.number + '?contract=Toulouse&apiKey=*******************************').success(function(data) { 

     $scope.name = data; 
    }); 
    }]); 

Помогает ли кто-нибудь?

Большое вам спасибо!

Answer 1

toulouseVeloControllers.controller('toulouseVeloDetailCtrl', ['$scope', '$routeParams', '$http', 
    function($scope, $http) {.... 

Это проблема, вы не ввели достаточное количество зависимостей в контроллер. Фиксируя его, добавьте зависимость $ routeParams к контроллеру. Например:

toulouseVeloControllers.controller('toulouseVeloDetailCtrl', ['$scope', '$routeParams', '$http', 
    function($scope, $routeParams, $http) {....