角度2：按Enter键会触发一种方法，但我不知道如何停止

Question

我写了一个表格，绑定到一个角度2组件。当我在任何文本输入中按下Enter键时，它将启动绑定到按钮的（单击）事件事件的方法。

这是我按Enter键的文本字段：

<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内就会出现另一个空行。

我真的不知道如何解决这个问题。谢谢你的帮助！

Answer 1

为防止表单在输入时提交，请在<form>标签中添加以下内容：

<form (keydown.enter)="$event.preventDefault()"