Angular 2 - ngIf - Not a known property of div

Question

So I'm obviously new to ng2, as are a lot of people currently. With the release of the first version I have been learning a little. I am starting to get some of the more "ng2" ways of thinking down.

However, something as simple as ngIf I can't get to work.

This is my view:

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

In my 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;
}

Do I have to import something extra? I have seen pre-release ng2 examples importing CORE_COMPONENTS but I can't find a recent example with that in.

My module declaration:

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

You have to add CommonModule in your application's @NgModule's imports declaration as below :

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