angular - Angular 2 * ngForが文字列配列にバインドされていません

Question

Angular 2 のドキュメントは正しいようです。*ngFor="let hero of hero" を使用して app.html で呼び出されたときに、app.component.ts にある私の文字列配列が認識されないようです。

チュートリアルを実行しようとしているだけで、すべてのヘルプが大歓迎です!

app.component.ts

import {
  Component,
  Attribute
  } from 'angular2/core';
  import {FORM_DIRECTIVES, CORE_DIRECTIVES} from 'angular2/common'



@Component({
    selector: 'my-app',
    templateUrl: 'app/app.html',
    directives: [FORM_DIRECTIVES, CORE_DIRECTIVES]
})
export class AppComponent {
  private newSearchTerm: string;
  private channels: String[];
  heroes = ['Windstorm', 'Bombasto', 'Magneta', 'Tornado'];

  constructor() {
    this.channels = [];
  }

  public newSubscription() {
    this.channels.push(this.newSearchTerm);
    this.newSearchTerm = '';
  }
}

app.html

<div id="app">
  <div id="search-form">
    <form (ngSubmit)="newSubscription()">
      <input [(ngModel)]="newSearchTerm" placeholder="JavaScript" />
      <button>Search</button>
    </form>
  </div>
  <ul id="channels-list">
    <li *ngFor="let hero of heroes">
      {{ hero }}
    </li>
  </ul>
</div>