提交错误中的angular 2 on self.context.onSubmit不是函数

Question

我在我的角度2应用程序中使用2.0.0-rc.6.在表单提交我收到此错误 - self.context.onSubmit不是一个函数

它也是在浏览器中附加表单值.

HTTP://本地主机:3000 /寄存器

提交页面重新加载和网址变成这样.

HTTP://本地主机:3000 /寄存器的firstName = vcvvc&lastName的VCV =&的userName = CVV和密码= VCV&密码= VCV

代码是

形成

<form class="ui form" (ngSubmit)="onSubmit()" #registrationForm="ngForm">
----
----
 <button type="submit" class="ui button"> Register</button>
    </form>

服务

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 =>{
                this.newuser = new User();
            },
            error => console.log(error)
        );
    }
}

Answer 1

当事件中调用的方法的名称与模板声明和类内部不匹配时,会发生此错误

在您的模板中,您已将onSubmit()指定为camel case

<form class="ui form" (ngSubmit)="**onSubmit()**" #registrationForm="ngForm">

但在课堂内,它不是一个camelCase" onsubmit()"

 onsubmit(){
        console.log('form submit clicked..');
        this._registerService.sendUser(this.newuser).subscribe(