AngularJS $http 问题答案

【问题标题】：AngularJS $http issueAngularJS $http 问题
【发布时间】：2015-07-21 12:41:12
【问题描述】：

我对 AngularJS 还很陌生，但遇到了一些小问题。

我从 api 接收 JSON 数据，我用 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;
    });
  }]);

有人可以帮忙吗？

非常感谢！

【问题讨论】：

你能做一个plunker吗？它可以帮助我们帮助您。
发布有问题的代码，不仅是工作代码
@Hiru 他无法解决有问题的代码兄弟，这就是他问的原因。
始终在 javascript 控制台上观看，它可以为您节省大量时间。 @Rikky 发现的错误实际上应该显示在控制台中。

标签： json angularjs http post get

【解决方案1】：

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

这是问题所在，您没有向控制器注入足够的依赖项。通过将 $routeParams 依赖项添加到控制器来修复它。像这样：

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

【讨论】：