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

Is there a way to change a typescript enum value into a string format?

Mastering checkbox selection in Angular reactive formsLearn how to effortlessly manage the checked status of

Discovering the functionality of es6 object.assign and find methods within a typescript file

The provided argument, which is of type 'RefObject<HTMLDivElement>', cannot be assigned to the parameter of type 'IDivPosition'

A guide on transforming JSON data to an array format where nested arrays are encapsulated within objects using curly braces instead of square brackets in TypeScript

What role does the empty object type {} play in typescript?

Using the HERE Maps JavaScript API to implement custom styles from a JSON file

Creating a robust web application using Laravel API, Sanctum, Angular, and SSO with SAML authentication. Learn how to construct a sophisticated Laravel 7/8 backend API integrated with an Angular 11 front-end and

The unit tests are not triggering the execution of setTimeout

Show a component on click event in Angular 4

Loading a large quantity of items into state in React Context using Typescript

The 'split' property is not found on the 'Int32Array' type

Encountering Error when Attempting to Load Webpack Dependencies for Browser

Using Ionic 3 pipe for filtering lists based on comparison of 2 arrays

When a module with routes is imported into another module with lazy-loading, the routing system becomes disrupted

Deploying a Spring Boot and Angular application

Retrieve the property of a Typescript object using a template argument

Using TypeScript to Import Modules without Default Exports (CommonJS)

The Angular overlay panel remains open consistently

How to implement angular 2 ngIf with observables?