title: No value accessor for form control
body: <p>I'm using Angular2-rc5, and I'm currently getting an error on my login page. I'm trying to make a form but the console throws exceptions telling me that it can't find my <code>formcontroll</code>s even though I create it on init. Any idea why I'm getting this error?</p>
  <p><strong>login component</strong></p>
  <pre class="lang-js prettyprint-override"><code>import { Component, OnInit } from '@angular/core';
  import { FormGroup, FormControl, FormBuilder, Validators } from '@angular/forms';
  import { LoginService } from './login.service';
  import { User } from '../../models/user';
      
  @Component({
      selector: 'login',
      providers: [LoginService],
      templateUrl: './login.component.html',
      styleUrls: ['./login.component.css']
  })
  export class LoginComponent implements OnInit {
      private loginForm: FormGroup; // our model driven form
      private submitted: boolean; // keep track on whether form is submitted
      private events: any[] = []; // use later to display form changes
      
      constructor(private fb: FormBuilder, private ls:LoginService){}
      ngOnInit(){
          this.loginForm = new FormGroup({
              email: new FormControl('',[&lt;any&gt;Validators.required]),
              password: new FormControl('', [&lt;any&gt;Validators.required, &lt;any&gt;Validators.minLength(6)]),
              rememberMe: new FormControl()
          });
      }
      save(model: User, isValid: boolean) {
          console.log(&quot;Test&quot;);
          console.log(model, isValid);
      }
      // Login in user
      login(email: any, password: any){
          this.ls.login(email, password, false); 
      }
  }
  </code></pre>
  <p><strong>Page.html</strong></p>
  <pre class="lang-html prettyprint-override"><code>&lt;div id=&quot;login-page&quot;&gt;
      &lt;div class=&quot;form-wrapper&quot;&gt;
          &lt;form class=&quot;login-form&quot; [formGroup]=&quot;loginForm&quot; novalidate (ngSubmit)=&quot;save(loginForm.value, loginForm.valid)&quot;&gt;
              &lt;div &gt;
                  &lt;div class=&quot;input-field col s12 center&quot;&gt;
                      &lt;p class=&quot;center login-form-text&quot;&gt;Login page&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div &gt;
                  &lt;div class=&quot;input-field col s12&quot;&gt;
                      &lt;input id=&quot;email&quot; type=&quot;email&quot;&gt; 
                      &lt;label class=&quot;center-align&quot; for=&quot;email&quot; formControlName=&quot;email&quot;&gt;Email&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div &gt;
                  &lt;div class=&quot;input-field col s12&quot;&gt;
                      &lt;input id=&quot;password&quot; type=&quot;password&quot;&gt; 
                      &lt;label class=&quot;center&quot; for=&quot;password&quot; formControlName=&quot;password&quot;&gt;Password&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div &gt;
                  &lt;div class=&quot;input-field col s12 m12 l12 login-text&quot;&gt;
                      &lt;input id=&quot;remember-me&quot; type=&quot;checkbox&quot; formControlName=&quot;rememberMe&quot;&gt;
                      &lt;label for=&quot;remember-me&quot;&gt;Remember me&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div &gt;
                  &lt;div class=&quot;input-field col s12&quot;&gt;
                      &lt;ahref=&quot;index.html&quot;&gt;Login&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div &gt;
                  &lt;div &gt;
                      &lt;p&gt;&lt;a href=&quot;page-register.html&quot;&gt;Register Now!&lt;/a&gt;&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div &gt;
                      &lt;p&gt;&lt;a href=&quot;page-forgot-password.html&quot;&gt;Forgot password ?&lt;/a&gt;&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p><strong>Exception</strong></p>
  <blockquote>
  <p>EXCEPTION: Uncaught (in promise): Error: Error in ./LoginComponent
  class LoginComponent - inline template:13:45 caused by: No value
  accessor for form control with name: 'email'.....</p>
  </blockquote>