title: Can't bind to FormGroup since it isn't a known property of 'form' (FormsModule, ReactiveFormsModule loaded)
body: <p>I've just seen this <a href="https://stackoverflow.com/questions/39152071/cant-bind-to-formgroup-since-it-isnt-a-known-property-of-form">question</a> but I still have the same error. I have a shared module which I import to my feature module. But I also tried import <code>FormsModule</code>, <code>ReactiveFormsModule</code> modules to my feature module directly.</p>
  
  <p>Angular 2.0 Final version.</p>
  
  <p>My shared module is:</p>
  
  <pre><code>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 { }
  </code></pre>
  
  <p>My feature module:</p>
  
  <pre><code>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() {}
  }
  </code></pre>
  
  <p>The component:</p>
  
  <pre><code>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]
        });
  ...
  }
  </code></pre>
  
  <p>And the view:</p>
  
  <pre><code>&lt;form class="container" (ngSubmit)="authenticate()" [ERROR -&gt;][FormGroup]="loginForm"&gt;
  ....
  &lt;/form&gt;
  </code></pre>
  
  <p>All paths and imports are correct. Any ideas? Thanks.</p>
  
  <p>------ [SOLVED] -------</p>
  
  <p>Changed <code>[FormGroup]="loginForm"</code> for <code>[formGroup]="loginForm"</code> :(</p>