Angular $ scope對象顯示$ scope.data，但是當我嘗試使用它時，說undefined

Question

我有這個控制器從服務中獲取信息。

當我將數據返回給控制器時，我使用$ scope來讓視圖有數據。

我有幾個console.logs和在那裏的功能工作正常。不過在外面，獲取記錄的$ 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

角是異步的，這就是爲什麼你不能安慰它外部服務的響應

嘗試打印數據這樣..

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

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

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