Угловые 2: * ngIf - Шаблон ошибки синтаксического анализа

Question

Я использую Угловую версию 2.1.2 и у меня есть ошибки «Шаблон ошибки разбор: (...)», когда я бег этого кода:

Компонент 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 ], 
})