title: How to show array of objects in Angular 2 inside a template
body: <p>I can't show an array of objects inside a template. This is part of my code:</p>
  
  <p>Component.ts</p>
  
  <pre><code>export class UpcomingMoviesComponent implements OnInit {
      movies: Movie[];
  }
  getUpcomingMovies() {
      this.moviesRes = res.results; 
      let i = 0;
      for (let item in this.moviesRes) {
          for (let subItem in this.moviesRes[item]) {
              this.movies.push(new Movie());
              this.movies[i].id = this.moviesRes[item]["id"];
              i++;
          }
       }
  });
  </code></pre>
  
  <p>Template.html (I have tried several things but none of them worked)</p>
  
  <pre><code>&lt;div *ngFor="let movie of this.movies"&gt;
     {{movie.id}}
     {{movie[0].id}}
  &lt;/div&gt;
  </code></pre>
  
  <p>If I use the following</p>
  
  <pre><code>{{this.movies | json}}
  </code></pre>
  
  <p>I get this:</p>
  
  <pre><code>[
    {
      "id":346672
    }
  ]
  </code></pre>
  
  <p>Could you help me to show this object inside a template. thanks</p>