Retrieve the status callback function from the service

Question

Retrieve the status callback function from the service

Can anybody show me how to set up a call-back function between a component and a service? I apologize for my lack of experience with Angular and TypeScript.

getDiscount(){
    let getDisc = [];
    getDisc.push({
      price: Number(this.commonService.getPayments$.getValue())
    });
    
    this.commonService._getGlobalDiskaun(getDisc[0])
    setTimeout(() => this.getResult(),1000); 
  }

I've been attempting to implement the code above, but I keep getting null results when the network is slow. How can I write a code that waits for

this.commonService._getGlobalDiskaun(getDisc[0])

to return a value before calling this.getResult()?

angular typescript callback

Answer 1

Answer №1

The reason for this issue is that the setTimeout function you are using has a 1-second delay, which may not be enough time for the API response to arrive. To resolve this, you should subscribe to the service you are utilizing so that you can execute the function immediately upon receiving the API response, like so:

this.commonService._getGlobalDiscount(getDisc[0]).subscribe(result => this.getResult())

Additionally, make sure to return data in your service as shown below:

_getGlobalDiscount(){
   return this.http.get<any>(`${your_api_address}`)
}

It doesn't matter if it's a POST request; the important thing is that you return the response in your service.

Answer 2

The reason for this issue is that the setTimeout function you are using has a 1-second delay, which may not be enough time for the API response to arrive. To resolve this, you should subscribe to the service you are utilizing so that you can execute the function immediately upon receiving the API response, like so:

this.commonService._getGlobalDiscount(getDisc[0]).subscribe(result => this.getResult())

Additionally, make sure to return data in your service as shown below:

_getGlobalDiscount(){
   return this.http.get<any>(`${your_api_address}`)
}

It doesn't matter if it's a POST request; the important thing is that you return the response in your service.

Retrieve the status callback function from the service

Answer №1

Similar questions

Trouble with embedding video in the background using Next.js and Tailwind CSS

Error in Typescript: "Cannot assign to parameter that is of type 'never'"

Rendering illuminated component with continuous asynchronous updates

Tips for fixing the issue of 'expect(onClick).toHaveBeenCalled();' error

Can a mapped union type be created in TypeScript?

Encountering error code TS1003 while trying to access object properties using bracket notation in Typescript

What could be causing the TypeScript type error within this Effector effect subscriber?

Select one of 2 parameters and begin typing

Creating formGroups dynamically for each object in an array and then updating the values with the object data

I am integrating and connecting my angular2 library with my primary project by placing it in the node_modules folder within the library's build directory. This process is expected to

Backdrop styling for Material-UI dialogs/modals

Vue 3 - Compelled to utilize any data type with computedRef

Tips for infuriating TSC with Lookup categories

Achieve validation of numerous variables without the need for a string of if-else

Hey there world! I seem to be stuck at the Loading screen while trying to use Angular

Help with Material-UI: Passing unique props to a custom TreeItem component

Error encountered when trying to update tree structure in TypeScript with new data due to incorrect array length validation

What causes the variable to be undefined in the method but not in the constructor in Typescript?

Preventing JavaScript Compilation for a Specific Folder using tsconfig: A Step-by-Step Guide

Issue: Attempting to assign a 'boolean' variable to a type of 'Observable<boolean>' is not compatible