I am trying to load the data using Restangular, as a result, the array in which I save the data is empty.

Factory

function dataService(Restangular) { Restangular.setBaseUrl('http://beta.json-generator.com/api/json/get/EkKWgIpZ7?indent=4'); var factory = { getPostsList: getPostsList }; return factory; function getPostsList() { return Restangular.all('posts').getList(); }

Controller

 function ExampleCtrl(dataService) { var self = this; this.posts = []; this.getList = getList; function getList(){ dataService.getPostsList.then(function(posts){ self.posts = posts; },function(err){ console.log(err); }); } console.log(self.posts); }

    1 answer 1

    HTML

     <div ng-app="example" ng-controller="ExampleCtrl"> </div>

    Javascript

     var app = angular.module('example', ['restangular']). config(function(RestangularProvider) { RestangularProvider.setBaseUrl('http://beta.json-generator.com/api/json/get/EkKWgIpZ7?indent=4'); }); app.factory('dataService', function (Restangular) { function getPostsList() { return Restangular.all('posts').getList(); } return { getPostsList: getPostsList }; }); function ExampleCtrl(dataService) { var self = this; this.posts = []; this.getList = getList; function getList(){ dataService.getPostsList().then(function(posts){ self.posts = posts; console.log(self.posts); },function(err){ console.log(err); }); } this.getList(); }