角度控制器功能未运行

Angular controller function not running

本文关键字：运行 功能 控制器      更新时间：2023-09-26

我正在尝试对 API 进行 HTTP GET，但我在控制台日志中没有获得任何内容，所以我假设这个函数没有运行。

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

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

这是控制器.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'];
        });
    }
})

这是游戏.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'];
    });
})
相关文章：