AngularJS pass variable to service

Question

I have this factory:

factory('getJson', ['$resource', function($resource) {
    return $resource('json/greetings.json', {}, {
      query: {method:'GET', isArray:true}
    });
  }]);

the file is hardcoded, 'greetings.json', and I want the factory to get files according to the checkboxes in my view:

<li><input type="checkbox" ng-model="includeVeggies" />Veggies</li>
<li><input type="checkbox" ng-model="includeGreetings" />Greetings</li>

Any idea how do I go about that?

Danilo Valente · Accepted Answer · 2014-08-05 14:58:50Z

7

You can return a function:

.factory('getJson', ['$resource', function($resource) {
    return function (file) {
        return $resource(file, {}, {
            query: {method:'GET', isArray:true}
        });
    };
}]);

Then in your controller:

.controller('MyController', ['getJson', function (getJson) {
    getJson('json/greetings.json');
});

Here's a Plnkr.

edited Aug 5, 2014 at 14:58

answered Aug 5, 2014 at 14:39

Danilo Valente

11.4k8 gold badges55 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

goldylucks Over a year ago

it returns undefined.

goldylucks Over a year ago

Also, in this way, how do I make a callback to assign the response only after the server has fetched the file?

Danilo Valente Over a year ago

Sorry, there was a typo.

goldylucks Over a year ago

Got it! I was missing getJson('json/greetings.json').query()

Collectives™ on Stack Overflow

AngularJS pass variable to service

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related