angularjs - example - promesas en angular 6

La promesa de recursos de AngularJS

Question

Tengo un controlador simple que usa $ resource:

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

 $scope.regions = Regions.query();

Estoy usando este controlador en una directiva (en la función de enlace)

var regions = scope.regions;

Pero las regiones no están definidas. Es bastante lógico que la llamada sea asincrónica.

Mi pregunta es ¿cómo puedo esperar para que el resultado y las regiones sean una matriz con todos los datos?

UPDATE : 

Aquí la definición de la directiva

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) {}
    };
  });

Answer 1

Si buscas una promesa en la llamada de recursos, debes usar

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

Actualización: la sintaxis de promesa se cambia en las versiones actuales que lee

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

Aquellos que han votado negativamente no saben de qué se trataba y quienes primero agregaron esta promesa al objeto de recurso. Usé esta función a finales de 2012, sí 2012.

Answer 2

Si desea usar un método asíncrono, necesita usar la función de devolución de llamada por $ promise, aquí tiene un ejemplo:

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

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

Answer 3

También podrías hacer:

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

Answer 4

/*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;
});