Question

所以，我看到了一个例子，他们正在将一个angualar传递给ngRepeat并且工作正常。出于某种原因，当我设置此示例时，它不起作用。谁能告诉我为什么？如果您在没有延期的情况下分配数据，则可以正常工作，即$scope.objects = [{id:1}...] 很多，谢谢的 Fiddle here

<!doctype html>
<html ng-app="app">
<head>
</head>
<body>

  <testlist/>

  <script src="/lib/angular/angular.js"></script>
  <script>
   var app = angular.module('app', []);

   app.factory('dataService', function ($q) {
     return {
       getData : function () {
         var deferred = $q.defer();
         setTimeout(function () {
           deferred.resolve([{id:1},{id:2},{id:3},{id:4}]);
         },0);
         return deferred.promise;
       }
     };
   });


   app.directive('testlist', ['dataService', function(dataService) {
     return {
        restrict: 'E',
        replace: true,
        scope : {},
        template: '<div ng-repeat="data in objects">{{inspect(data)}}{{data.id}}</div>',
        controller: function($scope) {
          $scope.objects = [{id:1},{id:2},{id:3},{id:4}];
          $scope.inspect = function (obj) {
            console.log(obj)
          }
        }
      }
    }]);

  </script>
</body>
</html>

Answer 1

我认为你不能直接使用promise对象，你应该使用documentation中所述的then回调。

这意味着你的

$scope.objects = dataService.getData();

应该是

之类的东西

dataService.getData().then(function(data) {
    $scope.objects = data;
});

否则，您的$scope.objects将包含promise对象，而不是您传递给resolve的数据。

请参阅更新的小提琴here。

将承诺传递给ngRepeat

1 个答案: