Estou tentando criar uma lista infinita com o Ionic/AngularJS. Essa lista passa um offset
para meu webservice paginar as respostas do SELECT
. Não estou conseguindo fazer isso e estou procurando um exemplo mas ainda não encontrei.
Estou tentando assim.
Service
var app = angular.module('starter');
app.service('EmpresaAPIService', function($http, AppConstants, HeaderFactory){
var headersJSON = HeaderFactory.getHeader.headerJSON();
this.getAllEmpresas = function(offset){
var _url = AppConstants.webServiceUrl + "/empresas/getAllEmpresas.json";
var _jsonData = {"offset": offset};
return $http.post(_url, _jsonData, {
headers: headersJSON,
});
};
});
Controller
var app = angular.module('starter');
app.controller('EmpresaCtrl', function($scope, EmpresaAPIService){
var offset = 0;
$scope.items = [];
$scope.addItems = function(){
EmpresaAPIService.getAllEmpresas(offset)
.success(function(data){
var result = data.result;
for(var x = 0; x < result.length; x++){
$scope.items.push(result[x].Empresa);
}
offset += 5;
//console.log(result[0].Empresa.nomeFantasia);
})
.error(function(err){
console.log(err);
});
};
});
Html
<ion-view title="Empresas">
<ion-content class="has-header padding">
<ion-list>
<ion-item ng-repeat="item in items track by $index">
<p>{{item.nomeFantasia}}</p>
</ion-item>
<ion-infinite-scroll on-infinite="addItems()" distance="1%"></ion-infinite-scroll>
</ion-list>
</ion-content>
</ion-view>