angular2 how to pass callback method from component into class (typescript file)

Question

I have a class called data.ts. In that i have a method which is called from various components. This method subscribes the data from another service. On the completion of subscribe event i want to process the data received from server and call the callback method of component who has invoked myFunction. Is that possible to do? something like below:

myFunction(callback: function) {
    otherService.getData().subscribe((res: Response) => {
        //do some processing of response
        caller.callback(processed_response)
    });
}

Fals · Accepted Answer · 2017-01-20 21:13:37Z

2

Should be more convenient return the Observable and then subscribe from the caller.

myFunction() : Observable<any>{
    return otherService.getData();
}

At the caller:

myFunction.subscribe((res: Response) => {
        //use the response
});

answered Jan 20, 2017 at 21:13

Fals

6,8394 gold badges26 silver badges46 bronze badges

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

1 Comment

suraj bahl Over a year ago

Thanks for the reply. it would work but if i want to do some processing of data before returning then what should i do?

AVJT82 · Accepted Answer · 2017-01-22 13:56:58Z

1

To elaborate Fals' question based on your comment (as you haven't gotten an updated answer).

You can use .map instead. You have probably mapped the response once earlier, but you can map several times.

 myFunction() : Observable<any>{
    return otherService.getData()
      .map(res => {
         return ... // your processing
      })
}

and then .subscribe:

myFunction.subscribe(data => {
   //do whatever you like
});

answered Jan 22, 2017 at 13:56

AVJT82

73.6k25 gold badges146 silver badges170 bronze badges

Collectives™ on Stack Overflow

angular2 how to pass callback method from component into class (typescript file)

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related