title: How to loop with *ngFor in array of objects?
body: <p>I'm learning Angular2, so please forgive me if I'm asking a stupid question. I am receiving an arrays of objects and it looks like this:</p>
  
  <p>obj.json</p>
  
  <pre><code>data: [
          {
             item: "banana"
          }
       ],
       [
          {
             item: "apple"
          }
       ],
       [
          {
             item: "lemon"
          }
       ]
  </code></pre>
  
  <p>In my component file I have managed to scope it in a scope:</p>
  
  <pre><code>this.fruits = data[0].item;
  </code></pre>
  
  <p>The issue is I only manage to scope the first item, or the second item and so on, by the index. How can I scope them all and then show them in a HTML file with <code>*ngFor</code>?</p>