Angular2 - "ngSwitchWhenにバインドできません。なぜなら、 'template'のプロパティが既知ではないからです。

Question

「テンプレートの既知のプロパティではないため、「ngSwitchWhen」にバインドできません」というエラーが表示されます。私は

「角度/共通@」それから

インポート{CommonModule}を追加するために助言されたさまざまなトピックを読み、@NgModelの輸入セクションへ「CommonModule」を追加しましたIしかし、これは問題を解決しませんでした。私が間違ってやっていること、この問題を解決するための助けを理解できないのですか？

これは "app.component.ts"

import { Component } from '@angular/core' 

@Component({ 
    selector: 'app-root', 
    template: ` 
    <ul class="nav nav-pills"> 
     <li [class.active]="viewMode == 'map'"><a (click)="viewMode = 'map'">Map View</a></li> 
     <li [class.active]="viewMode == 'list'"><a (click)="viewMode = 'list'">List View</a></li> 
    </ul> 
    <div [ngSwitch]="viewMode"> 
    <template [ngSwitchWhen]="'map'" ngSwitchDefault>Map View Content></template> 
    <template [ngSwitchWhen]="'list'">List View Content</template> 
    </div> 
    ` 
}) 

export class AppComponent { 
    viewMode = 'map'; 
} 

ための私のコードであり、これはそれがngSwitchCaseの代わりngSwitchWhenでなければなりません "app.module.ts"

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule, ApplicationRef } from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
import { CommonModule } from '@angular/common'; 

import { AppComponent } from './app.component'; 
import { FavoriteComponent } from './favorite.component'; 
import { HeartComponent } from './heart.component'; 
import { VoteComponent } from './vote.component'; 
import { TweetComponent } from './tweet.component'; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    FavoriteComponent, 
    HeartComponent, 
    VoteComponent, 
    TweetComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    CommonModule 
    ], 
    providers: [], 
    entryComponents: [AppComponent], 
    bootstrap: [AppComponent] 
}) 

export class AppModule { 

} 

Answer 1

のコードです

https://angular.io/docs/ts/latest/api/common/index/NgSwitchCase-directive.html