Angular2：按回车键触发了一个方法，不知道怎么停止
Angular 2: Pressing the enter key triggers a method and I don't know how to stop it
我写了一个表单，绑定到 angular 2 组件。当我在任何文本输入中按下回车键时，它会启动一个绑定到按钮的（单击）事件的方法。
这是我按下回车键的文本框：
<input type="text" class="form-control" name="name" [ngModel]="tutorial.name" #name="ngModel" required>
这是触发的按钮单击方法：
<button class="btn btn-success button-right" (click)="addEasy('')">+</button>
按钮调用'addEasy()'方法。此方法将一个新的空元素推送到数组。该数组绑定到 *ngfor。因此，每当我在第一个文本输入字段中按下回车按钮时，我的 *ngFor 中就会出现另一个空行。
我真的不知道如何解决这个问题。感谢您的帮助！
要防止表单在输入时提交，请在您的 <form> 标记中添加以下内容：
<form (keydown.enter)="$event.preventDefault()"
您可以在按钮中添加type="button"。有了这个，您仍然可以使用 enter 来提交您的表单。
我写了一个表单，绑定到 angular 2 组件。当我在任何文本输入中按下回车键时，它会启动一个绑定到按钮的（单击）事件的方法。
这是我按下回车键的文本框：
<input type="text" class="form-control" name="name" [ngModel]="tutorial.name" #name="ngModel" required>
这是触发的按钮单击方法：
<button class="btn btn-success button-right" (click)="addEasy('')">+</button>
按钮调用'addEasy()'方法。此方法将一个新的空元素推送到数组。该数组绑定到 *ngfor。因此，每当我在第一个文本输入字段中按下回车按钮时，我的 *ngFor 中就会出现另一个空行。
我真的不知道如何解决这个问题。感谢您的帮助！
要防止表单在输入时提交，请在您的 <form> 标记中添加以下内容：
<form (keydown.enter)="$event.preventDefault()"
您可以在按钮中添加type="button"。有了这个，您仍然可以使用 enter 来提交您的表单。