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