2016-09-11 5 views
2

Я использую 2.0.0-rc.6 в своем приложении с угловым 2. на подчиненной формы я получаю эту ошибку - self.context.onSubmit не является функциейугловой 2 от submit error self.context.onSubmit не является функцией

enter image description here

также это добавление значения формы в браузере.

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) 
     ); 
    } 
} 
+1

Помните, что javascript чувствителен к регистру. Ваша функция должна быть переименована в 'onSubmit' вместо' onsubmit'. –

+0

ohh, OMG, это проблема позднего ночного кодирования :-) Спасибо Harry – Manu

+0

Такая же проблема для меня, но я назвал функцию ngSubmit вместо onSubmit! –

ответ

4

Эта ошибка возникает, когда имя методов называется в случае не совпадает с объявлением шаблона и внутри класса

В шаблоне вы указали onSubmit() в ГорбатыйРегистр

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

но внутри класса, его не верблюжьего "onsubmit()"

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

 Смежные вопросы

  • Нет связанных вопросов^_^