テンプレート内のAngularJS 2の入れ子になったJSON値にアクセスする

Question

私はアンギュラ2を新しくしました。JSONからネストされたデータをテンプレートにどのように取得するのですか？私は名前にアクセスしようとしていたとき、私は簡単にアクセスすることができますEID

[ 
    { 
     "eId" : "1", 
     "name":"Jimi Hendrix", 
     "designation":"UI Developer", 
     "profileImage":"../defaultDP.jpeg", 
     "skills":"HTML, CSS, JS, jQuery, AngularJS, XML", 
     "graph" : { 
      "keys" : ["HTML, JS, jQuery, AngularJS"], 
      "values" : ["8, 5, 8, 6"] 
     } 
    } 

] 

そして、私のテンプレートで：ここで

は私のJSONです。例えば、

{{JSONDummyData.eId}} {{JSONDummyData.name}} 

が、私は、例えば、ネストされた値を取得する

{{JSONDummyData.graph.values}} 

をしようとしています、私はこれにアクセスすることはできませんよ。前もって感謝します！

Answer 1

keysとvaluesが配列されているので、あなたが例えばまさにそうのように表示したい要素を指定する必要があります。

{{ JSONDummyData.graph.values[0] }} 

---

working Plunker for example usage