首页 文章

角度控制器功能未运行

提问于
浏览
1

我正在尝试对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的控制台中看到网络请求

1 回答

  • 1

    您有两个嵌套的函数定义 - 第二个甚至不会被调用 . 试试这个:

    .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'];
        });
    
    })
    

相关问题