Angular2表单页面重新加载？

Question

我正在使用 Angular2

无法弄清楚页面引用的原因：

我的表格：

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

声明 var $: any; 声明 var jQuery: any;

@组件({ 选择器：'猫页'， 模板网址：'./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>