从第三方库异步回调更新AngularJS范围

时间:2015-04-29 09:10:51

标签: javascript angularjs angularjs-scope

您好我正在尝试使用import.io来刮取一些足球比分。我设法让他们的JS使用API​​并提供数据。问题是它必须位于控制器内部的私有范围内,因为我无法对其进行ng-repeat。

任何人都可以告诉我为什么,以及是否有人对Scope有很好的指导可能会更有用。

latestScores.controller('ScoresController', function ($scope) {
  $scope.pots = [];
  var io2 = new importio("XXX", "XXXXXX[API KEY]XXXXXXXX", "import.io");


    io2.connect(function (connected) {

        if (!connected) {
            console.error("Unable to connect");
            return;
        }


        var data;


        var callback = function (finished, message) {

            if (message.type == "DISCONNECT") {
                console.error("The query was cancelled as the client was disconnected");
            }

            if (message.type == "MESSAGE") {
                if (message.data.hasOwnProperty("errorType")) {

                    console.error("Got an error!", message.data);
                } else {
                    data = message.data.results;
                }
            }
            if (finished) {

                pots = data;
                console.log(pots); /* This gives me an object */
        }
       }
      io2.query({
      "connectorGuids": [
      "d5796d7e-186d-40a5-9603-95569ef6cbb9"],
    }, callback);
  });
     console.log($scope.pots); /* This gives me nothing */
});

1 个答案:

答案 0 :(得分:1)

ng-repeat有它自己的范围。 在您的情况下,您将数据分配给局部变量,而不是将其分配给范围变量。

更改此段代码

if (finished) {

                pots = data;
                console.log(pots); /* This gives me an object */
        }

if (finished) {

                $scope.pots = data;
                console.log($scope.pots); /* This gives me an object */
        }