JSON responce from REST as string in Angular

Question

I have a REST service in Angular which returns JSON response. I need to get the response as string to do some pattern matching and value replacement.

I am using Angular 7. Below is my service.

getUIData(): Observable<any> {
    const url = `${this.baseUrl}/uiData`;
    return this.http.get<any>(url).pipe(
      catchError(this.handleError<any>('Get Data:'))
    );
  }

Use the map operator.

dcg
– dcg

2019-07-24 05:47:18 +00:00
Commented Jul 24, 2019 at 5:47 — dcg
– dcg, Commented Jul 24, 2019 at 5:47

Ganesh · Accepted Answer · 2019-07-24 06:00:51Z

1

By default HttpClient will return JSON Object

in your case you need to convert it to String. So do some changes like below,

getUIData(): Observable<any> {
    const url = `${this.baseUrl}/uiData`;
    return this.http.get<any>(url).map( response => JSON.stringify(response.data)).
      catchError(this.handleError<any>('Get Data:');
  }

as @dcg suggested use map instead of pipe to convert your response data to string in the Service method itself.

I hope it helps :).

edited Jul 24, 2019 at 6:00

answered Jul 24, 2019 at 5:55

Ganesh

6,0663 gold badges26 silver badges43 bronze badges

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

Comments

yanky_cranky · Accepted Answer · 2019-07-24 05:53:01Z

1

You can do this in two ways :

1) set request headers as :

'Content-Type', 'text/plain; charset=utf-8'

2) Transform your response in stringified format inside map operator

JSON.stringify(data);

Note for second. it will still be JSON but stringified

answered Jul 24, 2019 at 5:53

yanky_cranky

1,3631 gold badge11 silver badges17 bronze badges

Collectives™ on Stack Overflow

JSON responce from REST as string in Angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related