2016-09-29 57 views
1

我是新的角2.如何從JSON嵌套數據到我的模板?在AngularJS 2模板中訪問嵌套的JSON值

這裏是我的JSON:

[ 
    { 
     "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"] 
     } 
    } 

] 

而且在我的模板,當我試圖訪問名稱,eID我可以很容易地訪問。 e.g,

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

,但是當我試圖讓嵌套值,e.g,

{{JSONDummyData.graph.values}} 

我無法訪問此。提前致謝!

回答

1

由於keysvalues是數組,你必須指定要顯示的正是像這樣的實例,它的元素:

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

working Plunker for example usage

+0

我得到了錯誤「類型錯誤:無法讀取屬性「值'「 –

+0

然後你的對象沒有你發佈的結構。 – rinukkusu

+0

它是同一個。 :) –