javascript - Angular Controller 功能未运行

我正在尝试对API进行HTTP GET，但控制台日志中未恢复任何内容，因此我假设此功能未运行。

这是我尝试在Angular应用中重新创建的jsfiddle，它具有适当的数据结构：

http://jsfiddle.net/bgoldste/keam6q9o/

这是controller.js

.controller('GamesCtrl', function($scope, $http) {
    function GamesCtrl($scope, $http) {
        console.log("did this run");
        $http(
        {
            method: 'GET',
            url: 'https://www.kimonolabs.com/api/bzq274q4?apikey=JfagXh7xfxWsnWGzLAKpBIrTFwENcGY6',
            headers: {
                'authorization': 'Bearer xOZHZE4sit0Pe6VGqsOQn5jKPpA5QpG3'
            }
        }).
        success(function (data) {
            $scope.data = data['results']['collection1'];
        });
    }
})

这是games.html

<ion-view title="Games" ng­controller="GamesCtrl">
  <ion-content>
    <ion-list>
      <ion-item ng-repeat="row in data">
        {{row['property1']['src']}}
      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

我什至在控制台中都没有看到来自该GET的网络请求

最佳答案

您有两个嵌套的函数定义-第二个甚至都不会被调用。尝试以下方法：

.controller('GamesCtrl', function($scope, $http) {
    console.log("did this run");
    $http(
    {
        method: 'GET',
        url: 'https://www.kimonolabs.com/api/bzq274q4?apikey=JfagXh7xfxWsnWGzLAKpBIrTFwENcGY6',
        headers: {
            'authorization': 'Bearer xOZHZE4sit0Pe6VGqsOQn5jKPpA5QpG3'
        }
    }).
    success(function (data) {
        $scope.data = data['results']['collection1'];
    });

})

关于javascript - Angular Controller 功能未运行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27576867/