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

在 T 中:

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

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

@组件({ 选择器:'猫页'， 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>