Angularjs: How to use $resource to serve an array of objects

Question

I had a $resource that servers two files, names.js and birthday.js:

// names.js
{
  name: John,
  name: Mary,
}

// birthday.js
{
  John: 28,
  Mary: 28
}

It works great in my controller. But I couldn't run ng-repeat on it. So I converted the data to a format that was used in the ng-repeat docs:

// friends.js
friends = [{name:'John', age:25}, {name:'Mary', age:28}];

But now my provider for friends.js returns an array of characters (not very useful) or an object of characters. How can I make it so that my provider returns a useful format of the data?

The query in the service is:

friends: $resource('data/friends.js', {}, {
  query: {method: 'GET', params: {}, isArray: true[or false]}
})

In short, how do you use a $resource to provide friends.js?

Answer 1

How do you query your $resource?

The get method is expecting an object while the query method is expecting an array.

This is the default methods available on a $resource :

{ 'get':    {method:'GET'},
  'save':   {method:'POST'},
  'query':  {method:'GET', isArray:true},
  'remove': {method:'DELETE'},
  'delete': {method:'DELETE'} };

More info available here :

AngularJS resource documentation