Angular2如何在没有页面refesh的情况下提交表单

Question

我有一个简单的表单，可以在没有页面refesh的情况下将数据发送到我的组件。

我试图通过返回false来覆盖提交功能，但它会按预期工作，页面仍然会刷新。

HTML

        <form id="ngForm" [formGroup]="nameForm" (submit)="onSumbit()">
        <div style="padding-bottom:10px;padding-top:10px;">
            <label>Name</label>
        </div>
        <input required  formControlName="name"></input>
        <div style="float:right; padding-top:2cm">
                <button form="ngForm">Search</button>
        </div>
        </form>      

打字稿

onSubmit() {
    let user: UserInfo;

    user.name = 'test';
}

Answer 1

在按钮中添加“type”属性：

<button type="button" form="ngForm">Search</button>