title: Can't bind to 'formGroup' since it isn't a known property of 'form'
body: <h2>The situation</h2>
  <p>I am trying to make what should be a very simple form in my Angular application, but no matter what, it never works.</p>
  <h2>The Angular version</h2>
  <p>Angular 2.0.0 RC5</p>
  <h2>The error</h2>
  <blockquote>
  <p>Can't bind to 'formGroup' since it isn't a known property of 'form'</p>
  </blockquote>
  <p><a href="https://i.stack.imgur.com/7elmg.png" rel="noreferrer"><img src="https://i.stack.imgur.com/7elmg.png" alt="Enter image description here" /></a></p>
  <h2>The code</h2>
  <h3>The view</h3>
  <pre class="lang-html prettyprint-override"><code>&lt;form [formGroup]=&quot;newTaskForm&quot; (submit)=&quot;createNewTask()&quot;&gt;
     &lt;div class=&quot;form-group&quot;&gt;
        &lt;label for=&quot;name&quot;&gt;Name&lt;/label&gt;
        &lt;input type=&quot;text&quot; name=&quot;name&quot; required&gt;
     &lt;/div&gt;
     &lt;button type=&quot;submit&quot; class=&quot;btn btn-default&quot;&gt;Submit&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  <h3>The controller</h3>
  <pre><code>import { Component } from '@angular/core';
  import { FormGroup, FormControl, Validators, FormBuilder }  from '@angular/forms';
  import {FormsModule,ReactiveFormsModule} from '@angular/forms';
  import { Task } from './task';
  
  @Component({
      selector: 'task-add',
      templateUrl: 'app/task-add.component.html'
  
  })
  export class TaskAddComponent {
  
      newTaskForm: FormGroup;
  
      constructor(fb: FormBuilder)
      {
          this.newTaskForm = fb.group({
              name: [&quot;&quot;, Validators.required]
          });
      }
  
      createNewTask()
      {
          console.log(this.newTaskForm.value)
      }
  }
  </code></pre>
  <h3>The ngModule</h3>
  <pre><code>import { NgModule }      from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { FormsModule }   from '@angular/forms';
  
  import { routing }        from './app.routing';
  import { AppComponent }  from './app.component';
  import { TaskService } from './task.service'
  
  @NgModule({
      imports: [
          BrowserModule,
          routing,
          FormsModule
      ],
      declarations: [ AppComponent ],
      providers: [
          TaskService
      ],
      bootstrap: [ AppComponent ]
  })
  export class AppModule { }
  </code></pre>
  <h2>The question</h2>
  <p>Why am I getting that error? Am I missing something?</p>