javascript - promise 使用 PouchDB 和 AngularJs ng-repeat 进行排列

Question

我正在将 PouchDB 数据库中的 allDocs() 读取到 AngularJS 变量中:

var db = pouchService.db;
$scope.recordlist = db.allDocs({startkey: 'move_', endkey: 'move_\uffff', include_docs: true});
console.log($scope.recordlist);

我注意到它返回一个 promise ，当我尝试使用 ng-repeat 读取数组(以及数组内对象的属性)时，它实际上无法访问结果，我猜是因为它们是嵌套很深。

<div class="row msf-row" 
     ng-repeat="record in recordlist | filter: shouldShow" 
     ng-class="{ 'msf-cancelled': record.cancelled, 'msf-commented' : record.comment}">
       <div class="col-md-1">{{record.time}}</div>
</div>

有什么方法可以将这个 promise 变成一个简单的对象数组吗？

我的应用程序中也加载了 LoDash，我不知道它是否有用。

Answer 1

在 promise 完成后分配数组(或如果发生错误则显示错误):

$q.when(db.allDocs({startkey: 'move_', endkey: 'move_\uffff', include_docs: true}))
  .then(function (recordlist) {
    $scope.recordList = recordList;
    console.log($scope.recordlist);
  })
  .catch(function (error) {
    console.error(error);
  });

更新:正如马特在评论中指出的那样，如果您不使用 angular-pouch angular-pouchdb包装器然后你需要将操作包装在 $scope.$apply() 中以触发摘要循环或首先使用 $q.when()< 将 promise 转换为 Angular promise 。我认为将 promise 转换为 Angular promise 也会处理日志记录错误，但您应该始终处理错误(向用户显示消息)。您当然可以使用全局错误处理程序来执行此操作。