2016-09-29 47 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

它是同一个。 :) –