formControlName value Displayed in JSON Format in Template

Question

<textarea [ngModel]="offers" formControlName="offers" 
           class="form-control" rows="3">
</textarea>

where offers is an array. It returns output [object Object] . How to displayed it as a JSON format??

this **offers** array contains the value of a transaction name **offer**. — Mehadi Hassan, Apr 12 '18 at 05:08
is it like `offers=['data 1234']` ?? if not , provide your data as example. — Aniket kale, Apr 12 '18 at 05:10
"offers": [ { "$class": "org.bjit.tender.government.Offer", "bidPrice": 15, "listing": "resource:org.bjit.tender.government.TenderListing#lis17", "member": "resource:org.bjit.tender.government.Member#m1", "transactionId": "d7ea7175824f63f6a96bcaa076e29ffeee91b5fa60a04108027bf110389b85cd", "timestamp": "2018-04-12T02:54:32.656Z" } ] — Mehadi Hassan, Apr 12 '18 at 05:12
Ok. So in your array contains lots of data. which value/Object you want to bind In your textArea? — Aniket kale, Apr 12 '18 at 05:16
actually I want to get output like this instead of **[object Object]**. How could I do this?? I want to convert it as a json then displayed. Is there any way to solve this?? — Mehadi Hassan, Apr 12 '18 at 05:19
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/168784/discussion-between-mehadi-hassan-and-aniket-kale). — Mehadi Hassan, Apr 12 '18 at 05:21
Do you want to show all data(`offers` Array) in your textArea? — Aniket kale, Apr 12 '18 at 05:22

Ajay · Answer 1 · 2018-04-12T05:25:48.310

0

If offers is an array of single object than use

<textarea [value]="offers[0] | json" formControlName="offers" 
           class="form-control" rows="3">
</textarea>

if offers is an object than use

<textarea [value]="offers | json" formControlName="offers" 
           class="form-control" rows="3">
</textarea>

I hope it helps.

edited Apr 12 '18 at 05:25

answered Apr 12 '18 at 04:58

Ajay

It is not working. :( Still getting **[object Object]** as output. :( – Mehadi Hassan Apr 12 '18 at 05:05
@MehadiHassan From comment, I deduced that offers is an array of single object. See if [value]="offers[0] | json" works. – Ajay Apr 12 '18 at 05:23
@MehadiHassan pleae use "value" instead of "ngModel". Working great on my machine. – Ajay Apr 12 '18 at 05:27
I have trying both "value" and "ngModel" But still it return [object Object]. :( – Mehadi Hassan Apr 12 '18 at 05:30
please disable cache or run it in private window as I think the browser is not running the updated code. – Ajay Apr 12 '18 at 05:31
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/168785/discussion-between-mehadi-hassan-and-ajay). – Mehadi Hassan Apr 12 '18 at 05:35

score 0 · Answer 2 · answered Apr 12 '18 at 05:29

0

If you want to show data only then do simply like this.

 <textarea [ngModel]="offers[0] | json" formControlName="offers" class="form- 
 control" rows="3"></textarea>

offers is an array thats why you should have to add like this 'offers[0]'

answered Apr 12 '18 at 05:29

Aniket kale

2 Answers2