How can I implement $http in Typescript?

Question

I am having problems defining my $http call in Typescript. Previously I was using .success and .error like this:

this.$http({
            method: "GET",
            url: self.ac.dataServer + url
        })
            .success((data: any, status: number, headers: (headerName: string) => string, config: ng.IRequestConfig): void => {
                self.topics = angular.copy(data);
                self.topicsBase = angular.copy(data);
                this.$state.transitionTo('home.subjects.subject.admin.topics', {
                    subjectId: this.sus.subject.id
                });
            })
            .error((data, status, headers, config): void => {
                self.topics = null;
                self.topicsBase = null;
            })
            .finally((): void => {
            });

Now I changed to use .then:

 this.$http({
            method: "GET",
            url: self.ac.dataServer + url
        })
            .then(
            (response): any => {
                self.topics = angular.copy(response.data);
                self.topicsBase = angular.copy(response.data);
                this.$state.transitionTo('home.subjects.subject.admin.topics', {
                    subjectId: this.sus.subject.id
                });},
            (response): any => {
                self.topics = null;
                self.topicsBase = null;
            }
            );

But this gives me the following errors:

Severity Code Description Project File Line Error TS2322 Type '{}' is not assignable to type 'ITopic[]'. Property 'length' is missing in type '{}'. admin C:\H\admin\admin\app\services\topicservice.ts 214 Severity Code Description Project File Line Error TS2322 Type '{}' is not assignable to type 'ITopic[]'. admin C:\H\admin\admin\app\services\topicservice.ts 215

The errors come up on the lines where I am assigning an angular.copy(data) to self.topics and self.topicsBase

basarat · Accepted Answer · 2015-09-22 02:00:08Z

2

Argument of type '(data: IHttpPromiseCallbackArg<{}>, status: any, headers: any, config: any) => any' is not assignable to parameter of type '(response: IHttpPromiseCallbackArg<{}>) => any'

You are passing a function that takes more arguments than what is returned by $http().

Fixed :

$http({
    method: "GET",
    url: myURL
})
    .then((response): any => { },(): any => {});

answered Sep 22, 2015 at 2:00

basarat

278k60 gold badges475 silver badges528 bronze badges

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

5 Comments

user1464139 Over a year ago

Thanks for your help. I am sorry but I realized this after posting the question and just tried a quick edit while you were entering your answer. Now I fixed that but I have another problem. The data coming back used to have a type of :any so it fitted well into self.topics and self.topicsBase. Can you give me a suggestion how I could fix this now.

basarat Over a year ago

Can you give me a suggestion how I could fix this now. Specify the generic ... but might as well put a put annotation on response

user1464139 Over a year ago

If you don't mind can you give me an example of what you mean? Are you suggesting one way would be to add <ITopic[]> before angular.copy? Also how could i do this with an annotation on response, that's the one i am really confused about. Thank you very much

basarat Over a year ago

Also how could i do this with an annotation on response, that's the one i am really confused about : e.g. : .then((response:ng.IHttpPromiseCallbackArg<{foo:string}>): any => { },(): any => {});

user1464139 Over a year ago

I had some difficulties with the callback arguments but from what I see you answered this question correctly. I will open up another question that's a bit more specific. Thanks

Collectives™ on Stack Overflow

How can I implement $http in Typescript?

1 Answer 1

Fixed :

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Fixed :

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related