No value accessor for form control
<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>