小编yhb*_*hbv的帖子

我收到以下错误"无法绑定到'ngSwitchWhen',因为它不是'模板'的已知属性." 我已经阅读了建议添加的不同主题

从'@ angular/common'导入{CommonModule}

并将"CommonModule"添加到@NgModel的导入部分,我做了,但这并没有解决问题.我无法弄清楚我做错了什么,有什么帮助解决这个问题？

这是我的"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';
} 

这是"app.module.ts"的代码

import { BrowserModule } from '@angular/platform-browser';
import { NgModule, ApplicationRef } from '@angular/core';
import { FormsModule } from '@angular/forms';
import …