Format string in JSON format in textarea?

Question

I have this string:

"{filter: [{\"attribute\":\"quoteitemnum\",\"filterOperation\":\"EQUALS\",\"expressionValue\":\"581-2019-2\"}]}"

im trying to have nice format json in textarea:

 <textarea [ngModel]="request | json" disabled></textarea>

But this is not working.

I tried this also:

const myObjStr = JSON.stringify(this.request);
this.obj.request = JSON.parse(myObjStr);



  <textarea [ngModel]="obj.request" disabled></textarea>

and

<textarea [ngModel]="obj.request | json" disabled></textarea>

But its not working. Any suggestion?

Your string has some backslashes. Have you tried removing them? — Lok C
– Lok C, Commented Oct 31, 2019 at 14:14
Your string it is little bit complex, as @Lok said did you try to remove them ? — TheCoderGuy
– TheCoderGuy, Commented Oct 31, 2019 at 14:15

Jason White · Accepted Answer · 2019-10-31 14:15:48Z

2

I believe the string is an invalid JSON string. When I used the string below it works fine with the json pipe. The filters key is not escaped (\"filter\")

"{ \"filter\":[{ \"attribute\":\"quoteitemnum\",\"filterOperation\":\"EQUALS\",\"expressionValue\":\"581-2019-2\"}]}"

https://stackblitz.com/edit/angular-czcsuj

answered Oct 31, 2019 at 14:15

Jason White

5,9131 gold badge25 silver badges32 bronze badges

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

3 Comments

None Over a year ago

how can i make it valid because im getting it from backend like that i cannot change it on backend

Sam Over a year ago

You could do a string replace string.replace('filter', '\"filter\"').

Jason White Over a year ago

My suggestion is to fix the issue on the backend. If you absolutely can't, you can follow @Sam 's suggestions or you could parse out the array value that is being assigned to filter and then rebuild the object. Something like this.... stackblitz.com/edit/angular-yjzteb

Suhas Parameshwara · Accepted Answer · 2019-10-31 14:21:49Z

0

I think the given string should be something like below,

"{ \"filter\":[{ \"attribute\":\"quoteitemnum\",\"filterOperation\":\"EQUALS\",\"expressionValue\":\"581-2019-2\"}]}"

You didn't escape the filter. And if the json string is correct, the json pipe should work fine.

<textarea style="background-color:black;color:white;"rows="30" cols="50">  
  {{rapidPageValue | json}}                           
</textarea>

Instead of textarea you can also make use of pre tag

  `<pre>{{rapidPageValue | json}}</pre>`

answered Oct 31, 2019 at 14:21

Suhas Parameshwara

1,4749 silver badges18 bronze badges

1 Comment

None Over a year ago

im getting string like that from backend and i cannot modify it to get "valid" json

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

you can parse json string and use tag and json pipe

hope this helps...

https://stackblitz.com/edit/angular-rafyyw?file=src/app/app.component.ts

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Oct 31, 2019 at 15:09

Tony

9105 silver badges19 bronze badges

Comments

Lok C · Accepted Answer · 2019-10-31 15:02:47Z

-1

This should work:

ngOnInit() {
this.request =
  "{ \"filter\":[{ \"attribute\":\"quoteitemnum\",\"filterOperation\":\"EQUALS\",\"expressionValue\":\"581-2019-2\"}]}";

const myObjStr = JSON.stringify(JSON.parse(this.request));
this.request = JSON.parse(myObjStr);

}

Like @Jason White said, wrap the string with JSON.parse before doing JSON.stringify

I hope it helps.

answered Oct 31, 2019 at 15:02

Lok C

4011 gold badge5 silver badges15 bronze badges

Collectives™ on Stack Overflow

Format string in JSON format in textarea?

4 Answers 4

3 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related