How to use angular's $resource with TypeScript and d.ts

Question

With this TypeScript (based on some online course):

interface IProduct {
    productName: string
}

interface IProductResource extends ng.resource.IResource<IProduct> {
}

interface IDataAccessService {
    getProductService(): ng.resource.IResourceClass<IProductResource>
}

class DataAccessService implements IDataAccessService {
    static $inject = ['$resource'];

    constructor(private $resource:ng.resource.IResourceService) {
    }

    getProductService():ng.resource.IResourceClass<IProductResource> {
        return this.$resource("sampleUrl");
    }

}

angular.module('app').service('dataAccessService', DataAccessService);

I have a code that uses dataAccessService:

var obj : IProductResource = dataAccessService.getProductService().get();

obj has all angular's REST helper methods like $save/$delete, but I don't have access to interface obj.productName. What is wrong with this code?

how to define API actions and their definition? surly i need to define it inside this.$resource("sampleUrl"); , but there should be ts definitions too, how to do that? — Hassan Faghihi
– Hassan Faghihi, Commented Jan 26, 2017 at 20:16

dragonfly · Accepted Answer · 2015-12-08 20:26:18Z

2

I think I got it. It should be:

interface IProductResource
    extends ng.resource.IResource<IProduct>, IProduct {
}

Any comments on that?

Thanks!

answered Dec 8, 2015 at 20:26

dragonfly

17.8k32 gold badges117 silver badges230 bronze badges

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

1 Comment

Nico Over a year ago

That is what I did

Collectives™ on Stack Overflow

How to use angular's $resource with TypeScript and d.ts

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related