Angular2形式重新加載，而不是調用的onsubmit（）

Question

Angular2是像一個正常的形式，處理它，什麼也不做：

<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> 

我包括disableDeprecatedForms()和provideForms()我的引導文件和的禁用功能按鈕工作正常，但當我點擊它的功能不工作，但該網站正在重新加載...

Answer 1

你應該在你的組件中實現onSubmit函數。 Component onSubmit function Soruce

Answer 2

onSubmit（）方法可能會拋出JavaScript錯誤。打開Web瀏覽器開發工具並檢查錯誤。在我的情況下，我試圖在onSubmit（）方法中設置一個沒有setter屬性的值，因此在執行JavaScript拋出錯誤時，提交默認表單操作已執行，並刷新頁面。