【问题标题】:submit vs ngSubmit in Angular 2在 Angular 2 中提交与 ngSubmit
【发布时间】:2017-02-03 04:44:41
【问题描述】:

为了在 Angular 2 中提交表单,我们可以使用表单的“提交”或“ngSubmit”事件。

<form #frm="ngForm" (submit)="add(frm.value)">
  ...
</form>

<form #frm="ngForm" (ngSubmit)="add(frm.value)">
  ...
</form>

想知道两者有什么区别吗?

【问题讨论】:

标签: angular


【解决方案1】:

来自本教程,https://blog.thoughtram.io/angular/2016/03/21/template-driven-forms-in-angular-2.html

但是,ngSubmit 确保表单在 处理程序代码抛出(这是提交的默认行为)和 导致实际的 http post 请求。让我们使用 ngSubmit 来代替 是最佳做法:

【讨论】:

  • 使用 angular@4.0.1 如果我在我的ngSubmit 调用的函数中添加了throw new Error('rekt'); 行,它仍然会在服务器死机时向服务器发出实际的http 请求。我知道现在停止这种情况的唯一方法是遵循这个答案:stackoverflow.com/a/40055510/232629(TL;DR:从模板中发送$event,并在ngSubmit 中调用event.preventDefault(); 作为第一件事)跨度>
猜你喜欢
  • 1970-01-01
  • 2019-10-09
  • 1970-01-01
  • 2017-01-16
  • 2017-01-05
  • 2019-06-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多