title: *ng-for is not working in angular 2 todo app
body: <p>I am writing an angular 2 app. In the quick start tutorial, all things are working fine but in my todo app, its not working. </p>
  
  <p><strong>app.component.ts</strong></p>
  
  <pre><code>import {Component, Template, View, NgFor, bootstrap, CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2';
  
  @Component({
      selector: 'todo-app',
  })
  
  @View({
    directives : [NgFor, CORE_DIRECTIVES, FORM_DIRECTIVES]
  })
  
  @Template({
      url: 'components/todo-app/todo-app.html'
   })
  
  class TodoAppComponent {
    todos : Array;
    constructor() {
      this.todos = [];
  
      TodoFactory.getAll().then((data) =&gt;{
         this.todos = data; // I got JSON in todos object.
      });
    }
  }
  </code></pre>
  
  <p><strong>todo-app-html</strong></p>
  
  <pre><code>&lt;div *ng-for='#todo of todos'&gt;
      {{ todo.text }}
  &lt;/div&gt;
  </code></pre>
  
  <p>In my template, <code>*ng-for</code> is not working. Even when I try <code>{{ todos }}</code>, it shows all of the data. I searched a lot and found that I should pass <code>NgFor</code> core directives to the template like <code>directives : [NgFor]</code> This is also not working. Any single help would be appreciated. </p>