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

我是否需要额外输入一些东西？我已经看过pre-release 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的imports 声明如下:

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