Why in angular outside of query data is undefined?

Question

JavaScript

factory:

angular.module('sample').factory('PostService', ['$resource', '$rootScope', '$q',
  function ($resource, $rootScope, $q) {
    var PostService = $resource('/api/:action/:hub_id/posts', {}, {
      posts: {
        method: 'GET',
        params: { action: 'feed', hub_id: '90f9a03', isArray: false }
      };

    return PostService;
  }]);

In controller:

$scope.getPosts = PostService.posts(function(posts) {
      $scope.posts = posts.results;
        console.log($scope.posts); //work
    });
      console.log($scope.posts); //undefined

Answer 1

Because JavaScript is executed asynchronously. You can't freeze everything and wait for a response from the server. Either work in callback closures or master promises.