如何将json对象与typescript Angular2中的变量绑定？

Question

我有一个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>

如何绑定以便我可以得到特定的对象值？

Answer 1

你可以这样做：

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

Plunker Example

Answer 2

可以使用字符串插值直接获取值。

class Dog < ActiveRecord::Base 
  has_one :enemy1, class: 'Cat', foreign_key: :enemy1_id
  has_one :enemy2, class: 'Cat', foreign_key: :enemy2_id
end

等...

就是这样:)）