Обіцянка ресурсу AngularJS

У мене є простий контролер, який використовує $ ресурс:

 var Regions = $resource('mocks/regions.json');

 $scope.regions = Regions.query();

Я використовую цей контролер у директиві (у функції посилання)

var regions = scope.regions;

Але регіони невизначені. Цілком логічно, що дзвінок асинхронний.

Моє питання полягає в тому, як я можу зачекати на результат і регіони будуть масивом з усіма даними?

UPDATE : 

Тут визначення директиви

app.directive('ngMap', function() {
  return {
    restrict: 'EA',
    replace: 'true',
    scope: {

    },
    template: '<div id="map"></div>',
    controller: 'AccordMapCtrl',
    link: function(scope, element, attrs) {
      var regions = scope.regions;
      console.log(regions);

      for (var region in regions) {}
    };
  });

Якщо ви хочете скористатися асинхронним методом, вам потрібно використовувати функцію зворотного виклику за допомогою $ promis, ось приклад:

var Regions = $resource('mocks/regions.json');

$scope.regions = Regions.query();
$scope.regions.$promise.then(function (result) {
    $scope.regions = result;
});

Якщо ви хочете отримати обіцянку у виклику ресурсу, вам слід скористатися

Regions.query().$q.then(function(){ .... })

Оновлення: синтаксис обіцянки змінено в поточних версіях, які читаються

Regions.query().$promise.then(function(){ ..... })

Ті, хто проголосував проти, не знають, що це було, і хто перший додав цю обіцянку до ресурсного об'єкта. Я використав цю функцію наприкінці 2012 - так 2012.

Ви також можете зробити:

Regions.query({}, function(response) {
    $scope.regions = response;
    // Do stuff that depends on $scope.regions here
});

/*link*/
$q.when(scope.regions).then(function(result) {
    console.log(result);
});

var Regions = $resource('mocks/regions.json');
$scope.regions = Regions.query().$promise.then(function(response) {
    return response;
});