Angular2 Formen nachlädt statt onSubmit von() aufrufen

Question

Angular2 ist es wie eine normale Form der Behandlung und tut nichts:

<form (ngSubmit)="onSubmit(f.value, $event)" #f="ngForm"> 
<md-card-title>Settings</md-card-title> 
<md-card-content> 
    <p> 
    <md-input [(ngModel)]="user.username" name="username" required placeholder="Username" 
       #name="ngModel"></md-input> 
    </p> 
</md-card-content> 
<md-card-actions> 
    <button [disabled]="!f.form.valid" type="submit" md-raised-button color="accent">Save</button> 
</md-card-actions> 

I disableDeprecatedForms() und provideForms() meiner Bootstrap-Datei und die Sperrfunktion des mitgelieferten Schaltfläche funktioniert gut, aber wenn ich darauf klicke funktioniert die Funktion nicht aber die Seite wird neu geladen ...

Answer 1

Sie sollten OnSubmit-Funktion in Ihrer Komponente implementieren. Soruce

Answer 2

onSubmit() -Methode kann JavaScript-Fehler verursachen. Öffnen Sie die Webbrowser-Entwicklerwerkzeuge und prüfen Sie auf Fehler. In meinem Fall habe ich versucht, einen Wert auf eine Eigenschaft ohne Setter in der onSubmit() -Methode zu setzen, daher wird bei der Ausführung der JavaScript-Fehler ausgelöst und stattdessen die Standardaktion für das Senden des Formulars ausgeführt und die Seite aktualisiert.