Angular 2-ngIf-div的未知屬性

Question

因此，很明顯，我對ng2還是陌生的，目前還有很多人。 隨着第一個版本的發布，我已經學到了一些東西。 我開始思考一些更多的“ ng2”方法。

但是，像ngIf一樣簡單的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;
}

我是否需要額外導入一些東西？ 我已經看到了導入CORE_COMPONENTS預發布ng2示例，但是我找不到與此相關的最新示例。

我的模塊聲明：

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

您必須在應用程序的@NgModule的imports聲明中添加CommonModule ，如下所示：

@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 { }