javascript - Angular $scope 对象显示 $scope.data 但当我尝试使用它时，显示未定义

Question

我有一个从服务获取信息的 Controller 。

当我将数据返回到 Controller 时，我使用 $scope 让 View 拥有数据。

我有一些 console.logs，then 函数中的日志工作正常。然而在外面，记录的 $scope 对象有一个 .data，但是当我尝试 console.log 它时，它以空对象的形式返回。

我的代码有什么问题吗？

(function() {

  angular
    .module("eplApp")
    .controller("tableCtrl", TableController);

  TableController.$inject = ['httpService', "$scope"];

  function TableController(service, $scope) {
    var apiTableUrl = "http://api.football-data.org/v1/soccerseasons/426/leagueTable";
    $scope.data = {};

    service.getListFromUrl(apiTableUrl).then(function(data) {
      $scope.data = data;
      console.log($scope);
      console.log($scope.data);
    });
    console.log($scope);
    console.log($scope.data);
  }
})();

Answer 1

Angular 是异步的，这就是为什么你无法在服务响应之外对其进行控制台

尝试以这种方式打印数据..

function TableController(service, $scope) {
  $scope.data = {};

  service.getListFromUrl(apiTableUrl).then(function(data) {
    $scope.data = data;
    printData();
  });

  function printData() {
    console.log($scope.data);
  }
}