FormGroup（FormsModule、ReactiveFormsModule loaded）の既知のプロパティではないため、FormGroupにバインドできません

Question

私はこのquestionを見ましたが、まだ同じエラーがあります。私は自分のフィーチャー・モジュールにインポートする共有モジュールを持っています。しかし、私もフィーチャーモジュールにFormsModule、ReactiveFormsModuleモジュールをインポートしようとしました。

角度2.0最終バージョン。

私の共有モジュールは、次のとおりです。

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


import { UploadComponent } from './upload/index'; 

import { AuthenticationService } from './services/index'; 

@NgModule({ 
    declarations: [ UploadComponent, UPLOAD_DIRECTIVES ], 
    imports: [ CommonModule ], 
    providers: [ AuthenticationService ], 
    exports: [ 
    FormsModule, 
    CommonModule, 
    UploadComponent, 
    ReactiveFormsModule 
    ] 
}) 

export class SharedModule { } 

マイ機能モジュール：

import { NgModule } from '@angular/core'; 

import { SharedModule } from '../shared/shared.module'; 

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

@NgModule({ 
    imports: [ SharedModule ], 
    declarations: [ LoginComponent ], 
    exports: [ LoginComponent ] 
}) 

export class LoginModule { 
    constructor() {} 
} 

コンポーネント：

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

@Component({ 
    selector: 'pol-login', 
    templateUrl: 'login.component.html' 
}) 
export class LoginComponent { 
    loginForm: FormGroup; 
    notValidCredentials: boolean = false; 
    showUsernameHint: boolean = false; 

    constructor(
    fb: FormBuilder, 
    private authenticationService: AuthenticationService) { 

     this.loginForm = fb.group({ 
     username: ['', Validators.compose([Validators.required, this.emailValidator])], 
     password: ['', Validators.required] 
     }); 
... 
} 

とビュー：

<form class="container" (ngSubmit)="authenticate()" [ERROR ->][FormGroup]="loginForm"> 
.... 
</form> 

すべてのパスとインポートが正しいです。何か案は？ありがとう。

------

が[formGroup]="loginForm" :(

Answer 1

解決するため[FormGroup]="loginForm"を変更-------【解決しよう]：

import { ReactiveFormsModule } from '@angular/forms' 

インポートアプリこのモジュール。 module.tsまたはあなたのコンポーネントクラス（app.module.tsでインポートすることをお勧めします）

次に、それを直接... ex： -

imports: [ 
    ReactiveFormsModule 
] 

Answer 2

は、あなたがあなたの[yourmoduleName] .module.ts

import { FormGroup, FormControl, FormBuilder, Validator, ReactiveFormsModule } from '@angular/forms'; 

と以下の追加あなたがformBuilderまたはformGroup

imports: [ReactiveFormsModule]を使用しているコンポーネントをインポートするにReactiveFormsModuleモジュールをインポートするには見落とされる可能性が