Angular2-如何使第二个按钮成为提交按钮

假设我有一个表单，有一个取消按钮和一个提交按钮。我希望“取消”按钮显示在“验证”按钮的左侧。按“回车”键时，应触发提交按钮，而不是取消按钮。Angular2的工作方式是，第一个按钮总是由“回车”键触发的

取消
（单击）=“onSubmit（）”>Submit

在本例中，将单击“取消”按钮而不是“提交”。如何在保持相同顺序的情况下激活“提交”按钮？

根据：

未指定类型属性的按钮元素表示相同的类型 对象作为按钮元素，其type属性设置为“submit”

因此，我将添加

type=“button”

属性以取消按钮：

<button type="button" (click)="onCancel()">Cancel </button>
        ^^^^^^^^^^^^^
<button> (click)="onSubmit()">Submit</button>

取消
^^^^^^^^^^^^^
（单击）=“onSubmit（）”>Submit

根据：

未指定类型属性的按钮元素表示相同的类型 对象作为按钮元素，其type属性设置为“submit”

因此，我将添加

type=“button”

属性以取消按钮：

<button type="button" (click)="onCancel()">Cancel </button>
        ^^^^^^^^^^^^^
<button> (click)="onSubmit()">Submit</button>

取消
^^^^^^^^^^^^^
（单击）=“onSubmit（）”>Submit