表单提交错误类型错误的角度 2：_co.onSubmit 不是函数

【问题标题】：angular 2 on form submit ERROR TypeError: _co.onSubmit is not a function表单提交错误类型错误的角度 2：_co.onSubmit 不是函数
【发布时间】：2019-11-30 00:30:13
【问题描述】：

我正在使用 Angular 2 应用程序。在提交表单时出现此错误：

TypeError: _co.onSubmit is not a function

这是完整错误的截图：

我的表格：

<form [formGroup]="userForm" (ngSubmit)="onSubmit()" >
<button class="btn btn-success" type="submit">Create User</button>

我的userComponent.ts：

onSubmit(){
    console.log('clicked');
}

【问题讨论】：

标签： javascript angular typescript angular2-forms

【解决方案1】：

我也有同样的错误，当事件中调用的方法的名称与模板声明和类内部不匹配时，会发生此错误在我的例子中，模板是

<form class="container" #userRegistrationForm="ngForm" (ngSubmit)="OnSubmit(userRegistrationForm)">

还有我的 component.ts 文件

       onSubmit(form:NgForm){
     this.userService.registerUser(form.value)
     .subscribe((data:any)=>{
       if(data.Succeeded==true)
       this.resetForm(form);
     });
   }

在我的component.ts文件中将onSubmit更改为OnSubmit后

我能够解决这个错误

【讨论】：