how to print complex json data in tree format using angular cli?

Question

Data like this:

Print like this

Data like in image

I can,t able to put data in json format so i put image please don't mind — user10076002
– user10076002, Commented Sep 12, 2018 at 9:03

Severin Klug · Accepted Answer · 2018-09-12 09:02:42Z

1

If printing the object like

console.log(obj);

doesn't help, JSON.stringify is the method you are looking for:

console.log(JSON.stringify(obj));

answered Sep 12, 2018 at 9:02

Severin Klug

7546 silver badges13 bronze badges

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

2 Comments

I want to print on UI not in log

like using for loop but don't understand how to access using for loop

jmdavalos · Accepted Answer · 2018-11-06 05:57:46Z

1

From your comment in one answer:

I want to print on UI not in log

I assume you want to print on the web browser view instead?

In your html template you can do this:

   <pre>{{ obj | json }}</pre>

(The <pre> tag preserves the spaces and prints object values neatly as in with hierarchy)

That will display the obj in the following format in the browser:

answered Sep 12, 2018 at 9:15

jmdavalos

1676 bronze badges