Angular/Typescript, this.$resource is not a function

Question

I'm getting a TypeError: this.$resource is not a function. This is my code

export class DataAccessService
    implements IDataAccessService {

    static $inject = ["$resource"];
    constructor(private $resource: ng.resource.IResourceService) {
    }

    getTravelExpenseType(): ng.resource.IResourceClass<T> {
        return this.$resource('URL:id', {}, {});
    }
}

common.service("dataAccessService",
    [DataAccessService]);

are you loading your dependency angular-resource.js ? <script src="path/to/angular-resource.js"></script> — Arno_Geismar
– Arno_Geismar, Commented Aug 11, 2016 at 8:46
@Arno_Geismar Yes, I'm loading the angular-resource.js in index.html — Ibek
– Ibek, Commented Aug 11, 2016 at 8:52
@dsfq var traveExpenseTypeResource = dataAccessService.getTravelExpenseType(); traveExpenseTypeResource.query((data) => { this.travelExpenseTypes = data; }); — Ibek
– Ibek, Commented Aug 11, 2016 at 8:54

deceze · Accepted Answer · 2016-08-11 08:58:04Z

1

common.service("dataAccessService",
    [DataAccessService]);

The problem is that you're passing an array as your service definition. When you do that, you're supposed to list the dependencies to inject in the array first, and your constructor as the last element. Since you're not listing any dependencies to inject, nothing gets injected.

Just get rid of the array:

common.service("dataAccessService", DataAccessService);

answered Aug 11, 2016 at 8:58

deceze♦

525k89 gold badges806 silver badges954 bronze badges

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

Collectives™ on Stack Overflow

Angular/Typescript, this.$resource is not a function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related