在AngularJS和PouchDB中将数据和变量从服务传递到控制器

Question

我有一个控制器，看起来像这样：

angular.module('msfLogger', ['offClick', 'ngBootstrap', 'ngSanitize','ngCsv', 'angularFileUpload', 'pouchdb'])

.controller('LoggerCtrl',['$scope', 'dataService', 'pouchDB', function($scope, dataService, pouchDB){


var db = pouchDB('FleetDB');

$scope.addTodo = function() {
    var movement = {
        _id: moment().format("YYYYMMDDHHmmss"),
        type: 'move',
        duration:''
    };
    db.put(movement, function(err, res) {
    if (err) { console.log(err); }
    });
}

$scope.recordlist = dataService.get();
console.log($scope.recordlist);

第一个函数工作正常，并将数据保存到DB中。

但是，接下来，我尝试使用一个服务：dataService.get();来检索这些数据。

该服务如下所示：

angular.module('msfLogger').service('dataService', extractRecords);

function extractRecords() {

    var data = db.allDocs({startkey: 'move_', endkey: 'move_\uffff', include_docs: true})
    return {
        get: data;
    }
};

我收到了一个db is not defined错误。

如何使db在服务中可用并将数据发送回控制器？

Answer 1

这里的问题是，您在控制器中声明了您的PouchDB数据库，因此该变量不会在服务中公开，这就是为什么db is not defined。

我以角度处理这个问题的方法是创建一个服务或工厂来管理PouchDB，因为两者都是单例，所以您可以将该服务注入到您的dataService中，或者在任何其他管理DB的服务中使用它。

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

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

在被注射之后，而不是仅仅这样做：

var data = db.allDocs({startkey: 'move_', endkey: 'move_\uffff', include_docs: true});

点着：

var db = pouchService.db;
var data = db.allDocs({startkey: 'move_', endkey: 'move_\uffff', include_docs: true});

Answer 2

将pouchDb服务注入到服务中，就像在控制器中所做的那样。

angular.module('msfLogger').service('dataService', ['pouchDB',function(pouchDB){

    //get an instance of your db
    var db = pouchDB('FleetDB');
    var data = db.allDocs({startkey: 'move_', endkey: 'move_\uffff', include_docs: true})
        return {
            get: data;
    }
}]);