angularjs - AngularJS、$scope.variableName にアクセスできません

Question

私は AngularJS を初めて使用し、アクセスできないという奇妙な問題を抱えています$scope.name。ファクトリには、 $http.get(...) を使用DataServiceするメソッドがあります。getData()

angular.module("app", []).factory("DataService", function($q, $http) {
    var service = {};
    service.getData = function() {
        var deferred = $q.defer();
        $http.get(apiPath).success(function(data) {
            deferred.resolve(data);
        }).error(function(data, status) {
            deferred.reject('Error: ' + status);
        });
        return deferred.promise;
    };
    return service;
}).controller("DataController", ["$scope", "DataService", function($scope, DataService) {
    $scope.datas = [];
    DataService.getData().then(function(data){
        $scope.datas = data;
    }, function(error) {
        console.log(error);
    });
    console.log($scope.datas); // it returns []
}]);

空の配列を返す理由がわかりません。