The recent update from Angular version 5.2 to 7 has caused issues with Post methods

Question

The recent update from Angular version 5.2 to 7 has caused issues with Post methods

An issue has occurred with the type mismatch in the error handling function. It seems that the argument provided is not compatible with the expected parameter type within the Observable structure.

GetFullAddress(addressModel: FullAddressLookupModel): Observable<AddressModel> {
    return this.httpClient.post<AddressModel>(this.Domain + "api/addressSearch/confirmAddressSelection",
        JSON.stringify(addressModel), this.httpOptions ).pipe(
            catchError(this.handleError)
        );
}



private handleError(error: HttpErrorResponse) {
    return throwError(
        'Something bad happened; please try again later.');
}

angular typescript http

Answer 1

Answer №1

Here is a code snippet that you can try:

function getAddress(addressInput) {
    return new Promise((resolve, reject) => {
        fetch('https://api.addresslookup.com', {
            method: 'POST',
            body: JSON.stringify(addressInput),
            headers: {
                'Content-Type': 'application/json'
            }
        }).then(response => response.json())
          .then(data => resolve(data))
          .catch(error => reject(error));
    });
}

The following error may occur: https://i.sstatic.net/a3PVa.png

Answer 2

Here is a code snippet that you can try:

function getAddress(addressInput) {
    return new Promise((resolve, reject) => {
        fetch('https://api.addresslookup.com', {
            method: 'POST',
            body: JSON.stringify(addressInput),
            headers: {
                'Content-Type': 'application/json'
            }
        }).then(response => response.json())
          .then(data => resolve(data))
          .catch(error => reject(error));
    });
}

The following error may occur: https://i.sstatic.net/a3PVa.png

The recent update from Angular version 5.2 to 7 has caused issues with Post methods

Answer №1

Similar questions

Effortless transfer of a module from one TypeScript file to another

Angular 2 with a jssor slider that adjusts seamlessly to different screen

Move the assets folder in Angular to Azure Storage

How to avoid property sharing in Angular recursive components

Using Observable and EventEmitter to efficiently transfer data between parent and child components in Angular

What is the best way to securely store JWT refresh tokens on both the front-end and back-end?

Encountering a 400 bad request error while trying to retrieve an authentication token from an API url in Angular

"Enhance Your Text Fields with Angular2 Text Masks for Added Text Formatting

Is there a hashing algorithm that produces identical results in both Dart and TypeScript?

What is the best way to organize an HTTP route using filters in a typical manner?

Guide to Utilizing the Dracula Graph Library in Angular

Can the NGXS store be shared between independent Angular (sub)projects?

Utilize an exported es6 module of a web component within an Angular project

Personalizing the arrow positioning of the Angular8 date picker (both top and bottom arrow)

Discovering the way to retrieve information from a service in Angular post-subscription

Using Angular to bind the ngModel to a variable's object property

Memory Leak in Angular's Chain of mergeMap and concatMap Functions

Issue with Typescript not recognizing default properties on components

Implementing Angular2 with Router in a Docker Container with Nginx Deployment

When using Angularfire, the function to switch the type from snapshotChanges will consistently return the value as "value"