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

时间:2017-09-07 18:38:32

标签: javascript html angularjs

我在表单提交后遇到了一种避免页面刷新的方法,即event.preventDefault();对Angular来说是一个新手我真的不知道如何将这种语法放在我的Angular控制器中,Is"事件"一个Angular服务?如何在代码中使用它?

任何帮助将不胜感激!

3 个答案:

答案 0 :(得分:3)

ng-keyup ng-click之类的每个角度用户界面事件上,您都可以访问$ event对象。 f.ex ng-click="myClickHandler($event, otherData)。你可以在那个$ event对象上调用preventDefault。

答案 1 :(得分:-1)

这很简单。 您的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();现在可以防止“取消”按钮导致默认操作提交表单。

答案 2 :(得分:-2)

它防止在调用该事件的事件上采取任何进一步的措施。