forms - 提交错误 self.context.onSubmit 上的 Angular 2 不是函数

Question

我在我的 Angular 2 应用程序中使用 2.0.0-rc.6。在提交表单时出现此错误 - self.context.onSubmit 不是函数

它还在浏览器中附加表单值。

http://localhost:3000/register

提交页面重新加载，url变成这样。

http://localhost:3000/register?firstName=vcvvc&lastName=vcv&userName=cvv&password=vcv&password=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() 指定为驼峰式大小写

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

但在类内部，它不是驼峰式“onsubmit()”

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