如何在 AngularJS 中使用 event.preventDefault()？

Question

我遇到了一种在表单提交后避免页面刷新的方法，即event.preventDefault(); 作为 Angular 的新手，我真的不知道如何将此语法放入我的 Angular 控制器中，“事件”是 Angular 服务吗？ 如何在代码中使用它？

任何帮助将不胜感激！

Answer 1

在每个角度用户界面事件（如ng-keyup ng-click等）上，您都可以访问 $event 对象。 f.ex ng-click="myClickHandler($event, otherData) 。您可以在该 $event 对象上调用 preventDefault 。

Answer 2

这很简单。 您的 HTML 代码：

<form (ngSubmit)='onSubmit()'>
  // your code here
  <button type='submit'>Submit</button>
  <button (click)='form.reset();event.preventDefault();'>Cancel</button>
</form>

这个form.reset();event.preventDefault(); 现在防止取消按钮导致提交表单的默认操作。