title: How to access the object from an Array in Type script
body: <p>I have a list of objects in an array like this:</p>
  <pre><code>    [
        0: {name: &quot;John&quot;, data: 0: [{age: 24}, {icon: &quot;04d&quot;}]},
        1: {name: &quot;Vicky&quot;,data: 0: [{age: 25}, {icon: &quot;06d&quot;}]},
        2: {name: &quot;John2&quot;,data: 0: [{age: 26}, {icon: &quot;05d&quot;}]},
        4: {name: &quot;John3&quot;,data: 0: [{age: 27}, {icon: &quot;09d&quot;}]},
      ]
  </code></pre>
  <p>I am trying to access the objects like this.</p>
  <pre><code>    *ngFor=&quot;let weather_data of weather_data_info&quot; 
  </code></pre>
  <p>in my HTML but I can not access the elements like above, can anyone tell me what I am doing wrong, any other alternate method is also welcome</p>