访问模板中AngularJS 2中的嵌套JSON值

时间:2016-09-29 15:05:31

标签: json templates angular typescript

我是角色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"]
        }
    }

]

在我尝试访问名称的模板中,我可以轻松访问。 e.g,

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

但是当我试图获取嵌套值时,例如

{{JSONDummyData.graph.values}}

我无法访问此内容。提前谢谢!

1 个答案:

答案 0 :(得分:1)

由于keysvalues是数组,因此您必须指定要显示的元素,例如:

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

工作Plunker例如用法