How to bind json object with variable in typescript Angular2?

Question

I have one json file and i want to bind with some variable to show on UI.

  testjson=  {"date":1468497879354,"faulty":"F-3","mileage":"150,900 mls","search":[]}

and in html

<div>
<span>{{ testjson }}</span><--- here i am getting above json object
Date:{{date}}
Faulty:{{faulty}}
Mileage: {{mileage}}
<div>

How do i bind so that i can get perticular object value ??

I also did with parsing i couldnt get value for perticular object testjson = JSON.parse(testjson ); this.assign =testjson .date — Sarvesh Yadav, Jul 14 at 12:17
I did that way but it showing me error RIGINAL EXCEPTION: TypeError: Cannot read property 'mileage' of undefined — Sarvesh Yadav, Jul 14 at 12:44

bebebe · Answer 1 · 2016-07-14 12:32:25Z

up vote 1 down vote

You can do it like this:

<div>
<span>lala</span>
Date:{{testjson.date}}
Faulty:{{testjson.faulty}}
Mileage: {{testjson.mileage}}
<div>

answered Jul 14 at 12:32

bebebe

588

I did that way but it showing me error RIGINAL EXCEPTION: TypeError: Cannot read property 'mileage' of undefined – Sarvesh Yadav Jul 14 at 12:55

Can you please provide an example, cause as you see in plunker all works. May be you forget to fill testjson with some data? – bebebe Jul 15 at 12:10

add a comment |

Jim · Answer 2 · 2016-07-14 15:32:24Z

up vote 0 down vote

The values may be obtained directly using string interpolation.

{{testjson.date}}
{{testjson.faulty}}

etc...

that's it :)

Jim

3,3762261

answered Jul 14 at 12:38

Akshay Rao

3477

add a comment |

2 Answers 2