ng-仅在窗口单击后重复填充- AngularJS & PouchDB

Question

我有以下从服务读取数据的函数：

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

服务：

angular.module('msfLogger').service('pouchService', PouchService);

function PouchService() {
  var self = this;
  self.db= new PouchDB('FleetDB');
};

在前端，我试图从$scope.recordlist填充一个ng-repeat，但是现在，当我加载页面时，ng-repeat将为空，当我单击页面上的任意位置时，它将被填充。

此外，当我在数据库中添加一个新项目时，它只会在页面重新加载并单击窗口后显示，而不是自动显示。

<div class="row msf-row" ng-repeat="record in recordlist.rows">
    <div class="col-md-1">{{record.doc.time}}</div>
    <div class="col-md-1"><strong>{{record.doc.car}}</strong></div>
    <div class="col-md-2">{{record.doc.driver}}</div>
    <div class="col-md-2">{{record.doc.from}}</div> 

    ...
</div>

我遗漏了什么？

Answer 1

我认为即使你有angular-pouchdb作为一个库，你也需要将它注入到服务中，如果没有，你就像平常一样使用全局PouchDB库，应该手动管理$scope.$apply。

angular.module('msfLogger', ['pouchdb']).service('pouchService', PouchService);

function PouchService(pouchDB) {
  var self = this;
  self.db= pouchDB('FleetDB');
};