Angular 2 - ngIf - Не известное свойство div

Question

Так что я, очевидно, новичок в ng2, как и многие люди в настоящее время. С выпуском первой версии я немного учился. Я начинаю получать некоторые из более «ng2» способов мышления.

Однако, что-то простое, как ngIf Я не могу работать.

Это мое мнение:

<div *ngIf="testVariable" class="checkbox"> 
    <label> 
     <input type="checkbox" formControlName="rememberMe" value="remember-me"> Remember me 
    </label> 
</div> 

В моем component.ts:

import { Component, OnInit } from '@angular/core'; 
import { FormGroup, FormControl, FormBuilder, Validators } from '@angular/forms'; 

... 

ngOnInit() { 
    this.loginForm = this._fb.group({ 
    username: ['', [<any>Validators.required]], 
    password: ['', [<any>Validators.required]], 
    rememberMe: [] 
    }); 

    this.testVariable = false; 
} 

ли я импортировать что-то дополнительно? Я видел пре-релиз примеры NG2 импортирующие CORE_COMPONENTS но я не могу найти недавний пример с этим в

Моя декларация модуля:.

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { FormsModule, ReactiveFormsModule } from '@angular/forms'; 

import { LoginComponent } from './login.component'; 

@NgModule({ 
    imports: [ ReactiveFormsModule, CommonModule ], 
    exports: [ LoginComponent ], 
    declarations: [ LoginComponent ], 
    providers: [ ], 
}) 
export class LoginModule { } 

Answer 1

Вы должны добавить CommonModule в @NgModule вашего приложения «s imports как указано ниже:

@NgModule({ 
    imports  : [ 
    CommonModule 
    ] 
}) 
export default class AppModule {} 

Answer 2

Вы должны добавить модуль BrowserModule в свою декларацию модуля. Директива NgIf должна быть импортирована до ее использования.

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

import { LoginComponent } from './login.component'; 

@NgModule({ 
    imports: [ ReactiveFormsModule, BrowserModule ], 
    exports: [ LoginComponent ], 
    declarations: [ LoginComponent ], 
    providers: [ ], 
}) 
export class LoginModule { }