title: angular 2 on from submit error self.context.onSubmit is not a function
body: <p>I am using 2.0.0-rc.6 in my angular 2 application.
  on form submit I am getting this error - <strong><em>self.context.onSubmit is not a function</em></strong></p>
  
  <p><a href="https://i.stack.imgur.com/6Hu43.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/6Hu43.jpg" alt="enter image description here"></a></p>
  
  <p>also it is appending form values in browser.</p>
  
  <p><a href="http://localhost:3000/register" rel="noreferrer">http://localhost:3000/register</a></p>
  
  <p>on submit  the page reloading and url become like this.</p>
  
  <p><a href="http://localhost:3000/register?firstName=vcvvc&amp;lastName=vcv&amp;userName=cvv&amp;password=vcv&amp;password=vcv" rel="noreferrer">http://localhost:3000/register?firstName=vcvvc&amp;lastName=vcv&amp;userName=cvv&amp;password=vcv&amp;password=vcv</a></p>
  
  <p>the codes are</p>
  
  <p><strong>form</strong></p>
  
  <pre><code>&lt;form class="ui form" (ngSubmit)="onSubmit()" #registrationForm="ngForm"&gt;
  ----
  ----
   &lt;button type="submit" class="ui button"&gt; Register&lt;/button&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p><strong>the service</strong></p>
  
  <pre><code>import { Component } from '@angular/core';
  import { User } from '../models/user';
  import { RegisterService } from '../services/register.service';
  
  @Component({
      selector: 'side-panel',
      templateUrl: 'app/components/register.component.html'
  })
  export class RegisterComponent { 
  
      newuser: User = new User();
      theText: string;
  
      constructor(private _registerService: RegisterService){ 
      }
  
      onsubmit(){
          console.log('form submit clicked..');
          this._registerService.sendUser(this.newuser).subscribe(
              date =&gt;{
                  this.newuser = new User();
              },
              error =&gt; console.log(error)
          );
      }
  }
  </code></pre>