如何在打字稿Angular2中将json对象与变量绑定？答案

【问题标题】：How to bind json object with variable in typescript Angular2?如何在打字稿Angular2中将json对象与变量绑定？
【发布时间】：2016-07-14 12:15:05
【问题描述】：

我有一个 json 文件，我想绑定一些变量以显示在 UI 上。

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

在html中

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

如何绑定才能获得特定的对象值？？

【问题讨论】：

你将不得不解析 json angular.fromJson
我也做了解析，我无法获得特定对象的值 testjson = JSON.parse(testjson); this.assign =testjson .date
只需使用testjson?.date
我是这样做的，但它显示错误RIGINAL EXCEPTION: TypeError: Cannot read property 'mileage' of undefined

【解决方案1】：

你可以这样做：

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

【讨论】：

我是这样做的，但它向我显示错误RIGINAL EXCEPTION: TypeError: Cannot read property 'mileage' of undefined
您能否提供一个示例，因为正如您在 plunker 所有作品中看到的那样。可能是你忘记用一些数据填充 testjson 了吗？

【解决方案2】：

这些值可以直接使用字符串插值获得。

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

等等……

就是这样:)

【讨论】：