Angular通过远程AJAX请求获取和显示对象

时间:2014-12-13 18:45:59

标签: javascript jquery ajax angularjs ionic-framework

我正在尝试显示一个我通过AJAX远程获取的对象。我目前得到的错误是:

ReferenceError: $stateParams is not defined

以下是 services.js

中的内容
.factory('Games', function() {
  var games = $.ajax({
    "url":"https://www.kimonolabs.com/api/dc6n4edu?apikey=[APIKEY]&callback=kimonoCallback",
    "crossDomain":true,
    "dataType":"jsonp"
  });

  return {
    all: function() {
      return games;
    },
    get: function(gameID) {
      // Simple index lookup
      return games[gameId];
    }
  }
});

以下是 controller.js

中的内容
.controller('AccountCtrl', function($scope, Games) {
    console.log("test in controller");
  $scope.game = Games.get($stateParams.gameId);
});

以下是我在 tab-account.html 中的内容:

<ion-list>
      <ion-item ng-repeat="item in items">
        Hello, {{item}}!
      </ion-item>
    </ion-list>

1 个答案:

答案 0 :(得分:0)

您错过了控制器功能中的$stateParams值...但我认为您应该考虑使用$http服务或resource

   .controller('AccountCtrl', function($scope, $stateParams, Games) {
        console.log("test in controller");
      $scope.game = Games.get($stateParams.gameId);
    });