Angular2 - "Kann nicht an 'ngSwitchWhen' binden, da es keine bekannte Eigenschaft von 'template' ist."

Question

Ich erhalte den folgenden Fehler "Kann nicht an 'ngSwitchWhen' binden, da es keine bekannte Eigenschaft von 'template' ist." Ich habe verschiedene Themen lesen, wo es wurde geraten

Import {CommonModule} von ‚@ Winkel/common‘

und fügen „CommonModule“ in den Importen Abschnitt @NgModel hinzuzufügen, die ich tat, aber das hat das Problem nicht gelöst. Ich kann nicht herausfinden, was ich falsch mache, irgendeine Hilfe, wie ich das beheben kann?

Dies ist mein Code für "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'; 
} 

Und dies ist der Code für "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

Es ngSwitchCase statt sein sollte ngSwitchWhen

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