get allDocs from service and controller using pouchdb - angularjs

Question

i have problem how to get data from service and controller. now i want implement CRUD into my web apps.
this is my service.
application.service('Arrears', [
function()
{
var db = new PouchDB('localhost:5984/arrears');
return {
allDocs: function (startKey, endKey, desc) {
db.allDocs({startkey: startKey, endkey: endKey, descending: desc})
.then(function (result) {
console.log(result, 'Results from allDocs');
return result;
})
},
}
}
]);
this is my controller.
application.controller('ArrearsManagementAllController', ['$location', '$mdSidenav', '$scope', 'Arrears',
function($location, $mdSidenav, $scope, Arrears)
{
$scope.items= Arrears.allDocs();
}
]);
and my html like this.
<md-list-item md-virtual-repeat="i in items | orderBy:'status'" ng-click="read(id)">
<b md-highlight-flags="gi">
Status :</b> {{i.status}}
<b md-highlight-text="query.$" style="color:blue"
md-highlight-flags="gi">
{{i.owner_name}}
({{i.owner_id}})
</b>
<p class="md-caption"
md-highlight-text="query.$">
{{i.address}}
</p>
<p class="md-caption"
md-highlight-text="query.$">
{{i.house_no}} - Floor {{i.floor}} -, Lot {{i.lot}} -, Block {{i.block}} - {{i.locality}}
</p>
i'm new with angularjs and pouchdb. please help me.

Answer 1

The issue is that allDocs() doens't return a list of documents; it returns a promise for a list of documents. Check out this post on promises for an overview, but basically you will need to do:
application.service('Arrears', [
function()
{
var db = new PouchDB('localhost:5984/arrears');
return {
allDocs: function (startKey, endKey, desc) {
return db.allDocs({startkey: startKey, endkey: endKey, descending: desc, include_docs: true})
},
}
}
]);
application.controller('ArrearsManagementAllController', ['$location', '$mdSidenav', '$scope', 'Arrears',
function($location, $mdSidenav, $scope, Arrears)
{
$scope.items = [];
Arrears.allDocs().then(function (res) {
$scope.items = res.rows.map(function (row) {
return row.doc;
});
}).catch(console.log.bind(console));
}
Hope that helps!