Search code examples
angularjsfactoryngresource

ngResource - doesn't show data in browser

i have problem with ngResource. here is my .factory

app.factory('sveKlupeServiceFactory', ['$resource',
 function($resource){
return $resource('myURL/to/json', {},{
// { method: 'getKlupe', q: '*' },
 query: { method: 'GET', params:{klupaId:'klupe'}, isArray:true}
 });

and here is my controller

app.controller('klupeController', ['$scope', 'sveKlupeServiceFactory', function ($scope,sveKlupeServiceFactory){
$scope.klupe = sveKlupeServiceFactory.query();
  }]);

and in html I have this

<tr ng-repeat="klupa in klupe">
           <td>{{klupa.serial_number}}</td>
             <td>{{klupa.location_id}}</td>
             <td>{{klupa.type}}</td>
             <td>{{klupa.last_report_dt}}</td></tr>

Problem: in my browser I have table, but with empty row. There is no any error.

In my app I have

var app = angular.module('App', [
'ngRoute',
'ngResource']);

Can someone help me with any suggestion?

Thank you.

Solution

  • If you want entire table data, then there is no need to pass id as parameters in factory.Make the following changes in controller while calling factory method. Check the response using console.log()

    sveKlupeServiceFactory.query(function(res){
console.log(res);
$scope.klupe = res;
});