Angular2表單頁面重新加載？

Question

我使用Angular2

無法弄清楚爲什麼頁面refereshing：

我的表格：

<form> 
         <div class="form-group"> 
          <label class="form-label">Username</label> 
          <input type="email" class="form-control" id="username" placeholder="Email" name="username" /> 
         </div> 
         <div class="form-group"> 
          <label class="form-label">Password</label> 
          <input type="password" class="form-control" id="password" placeholder="Password" name="password" /> 
         </div> 
<input type="submit" class="btn btn-primary mr-3" (click)=onSubmit() /> 


        </form> 

在TS：

import { Component} from '@angular/core'; 

聲明變量$：任何; declare var jQuery：any;

@Component（{ 選擇： '貓頁面'， templateUrl： './login-alpha.html' }）

出口類PagesLoginAlpha {

onSubmit() 
{ 
    console.log("in submittt"); 
} 

}

Answer 1

更改類型爲按鈕

<input type="button" class="btn btn-primary mr-3" (click)="onSubmit()" /> 

或者使用按鈕

<button type="button" (click)="onSubmit()">submit</button>