Angular 2 : *ngIf - Template parse errors

Question

我使用的是 Angular 版本 2.1.2，当我运行这段代码时出现错误“Template parse errors:(…)”:

组件 html:

<div *ngIf="isLoggedIn">
  <br />
  <div class="valign-wrapper">
    <div class="valign center" style="width:100%">
      <a class="waves-effect waves-light btn">
        <i class="mdi mdi-vk"></i>
        Connect
      </a>
    </div>
  </div>
</div>

组件代码:

import { Component } from '@angular/core';

@Component({
  moduleId: module.id,
  selector: 'home',
  templateUrl: 'home.component.html',
  styleUrls: ['home.component.css'],
})

export class HomeComponent {
  isLoggedIn = false;
}

模块:

import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';

import { HomeComponent } from './home.component';

import { routing } from './home.routes';

@NgModule({
  imports: [
    RouterModule,
    routing
  ],
  declarations: [ HomeComponent ],
})

export class HomeModule {}

但是如果我在 html 代码中使用例如 '{{ isLoggedIn }} ' 值显示没有任何错误。

请帮帮我，我忘了什么？

Answer 1

@NgModule({
  imports: [
    RouterModule,
    routing,
    CommonModule // <<<< added
  ],
  declarations: [ HomeComponent ],
})