AngularJS资源承诺

时间:2013-10-21 09:20:44

标签: angularjs promise angular-resource

我有一个使用$ resource的简单控制器:

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

4 个答案:

答案 0 :(得分:184)

如果你想使用异步方法,你需要使用$ promise的回调函数,这里是例子:

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

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

答案 1 :(得分:36)

如果您希望在资源调用中获得承诺,则应使用

  

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

更新:在当前版本中更改了承诺语法

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

那些被投票的人不知道它是什么以及谁首先将此承诺添加到资源对象。我在2012年末使用了此功能 - 是2012年。

答案 2 :(得分:20)

你也可以这样做:

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

答案 3 :(得分:0)

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