Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在AngularJS中使用event.preventDefault()?_Javascript_Html_Angularjs - Fatal编程技术网

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

Javascript 如何在AngularJS中使用event.preventDefault()?,javascript,html,angularjs,Javascript,Html,Angularjs,我遇到了一种避免表单提交后页面刷新的方法,即event.preventDefault()作为Angular的新手,我真的不知道如何在Angular控制器中使用这种语法,“事件”是Angular服务吗?如何在代码中使用它 任何帮助都将不胜感激 在每个用户界面事件上,如ng keyupng click等,您都可以访问$event对象。f、 exng click=“myClickHandler($event,otherData)。您可以在$event对象上调用preventDefault。这非常简单。

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


任何帮助都将不胜感激

在每个用户界面事件上,如
ng keyup
ng click
等,您都可以访问$event对象。f、 ex
ng click=“myClickHandler($event,otherData)
。您可以在$event对象上调用preventDefault。

这非常简单。 您的HTML代码:


//你的代码在这里
提交
取消

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

如果有人感兴趣,请参阅文档-此答案适用于Angular2+,但问题是关于AngularJS的。请参阅,event.preventDefault是一个javascript函数,独立于Angular版本。但是,用于(ngSubmit)的绑定在angularjs中将更改,但event.preventdefault将保持不变。您可以尝试将$event作为任何函数的参数传递到(单击)按钮上。例如,
(单击)=doSomething($event)…
````doSomething(event){event.preventdefault();原始海报似乎已经知道
event.preventdefault()
。我否决了你的答案,因为它没有添加任何与Angular 2+无关的内容,这不是问题的范围。你的答案对于Angular 2+的任何问题都很好,但在这里并不相关。我同意这很烦人Angular 2+与AngularJS如此不同。如果它比现有的答案要好。事实上,我认为一个包含
$event.preventDefault()示例的答案
在模板中内联将非常有用。接受的anwer会将
$event
传递给一个稍有不同的函数。请随意使用一些AngularJS代码编辑您的答案。如果您解决AngularJS问题,那么使用AngularJS 2+示例保留部分答案可能不是最糟糕的事情。