title: Access nested JSON values in AngularJS 2 in template
body: <p>I am new to angular 2. How do I get nested data from JSON into my Template?</p>
  
  <p>Here's my JSON:</p>
  
  <pre><code>[
      {
          "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"]
          }
      }
  
  ]
  </code></pre>
  
  <p>And in my template when I am trying to access name, eId I can access easily. e.g,</p>
  
  <pre><code>{{JSONDummyData.eId}} {{JSONDummyData.name}}
  </code></pre>
  
  <p>but when I am trying to get Nested values, e.g,</p>
  
  <pre><code>{{JSONDummyData.graph.values}}
  </code></pre>
  
  <p>I am not able to access this. thanks in advance!</p>