angularjs – 将承诺传递给ngRepeat

前端之家收集整理的这篇文章主要介绍了angularjs – 将承诺传递给ngRepeat前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以,我看到了一个例子,他们将一个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:4}];
          $scope.inspect = function (obj) {
            console.log(obj)
          }
        }
      }
    }]);

  </script>
</body>
</html>@H_502_4@
我不认为你可以直接使用promise对象,你应该使用 documentation中所述的then回调.

这意味着你的

$scope.objects = dataService.getData();@H_502_4@ 
 

应该是类似的东西

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

否则,$scope.objects将包含promise对象,而不包含要传递以解析的数据.

查看更新的小提琴here.

原文链接:https://www.f2er.com/angularjs/143657.html

猜你在找的Angularjs相关文章