2016-09-11 2 views
2

Ich benutze 2.0.0-rc.6 in meiner eckigen 2-Anwendung. auf Formular ich diese Störung erhalte - self.context.onSubmit keine Funktionangular 2 on von submit error self.context.onSubmit ist keine Funktion

enter image description here

auch Formularwerte in Browser ist anhängt ist.

http://localhost:3000/register

Neuladen der Seite und URL auf einreichen so geworden.

http://localhost:3000/register?firstName=vcvvc&lastName=vcv&userName=cvv&password=vcv&password=vcv

die Codes

Form

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

der Dienst

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

Denken Sie daran, dass bei Javascript die Groß-/Kleinschreibung beachtet wird. Ihre Funktion sollte umbenannt werden in "onSubmit" anstelle von "onsubmit". –

+0

ohh, OMG, das ist spätes Kodieren Problem :-) Danke Harry – Manu

+0

Gleiches Problem für mich, aber ich rief die Funktion ngSubmit statt onSubmit! –

Antwort

4

Dieser Fehler tritt auf, wenn der Name der in einer Veranstaltung namens Methoden nicht

in Ihrer Vorlage Sie onSubmit() als Kamel Fall mit der Template-Deklaration und innerhalb der Klasse abgestimmt

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

aber innerhalb der Klasse, es ist nicht ein camelcase "onsubmit()"

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