Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/visual-studio/7.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
按下Enter键时Angularjs的默认操作_Angularjs - Fatal编程技术网

按下Enter键时Angularjs的默认操作

按下Enter键时Angularjs的默认操作,angularjs,Angularjs,我对表单的理解是,如果表单有一个与之相关联的ng submit操作,那么按Enter键将调用该操作,通常模拟表单的“submit”按钮的单击。我有一个表单没有按钮,但是div标记中有一个按钮的自定义图像,div标记有ng click动作。当我按Enter键时,什么也没发生。我遗漏了什么?使您的按钮类型submit,并添加类属性和按钮样式,使其成为如下图像: <form ng-submit="someAction()"> <button type="submit" class=

我对表单的理解是,如果表单有一个与之相关联的ng submit操作,那么按Enter键将调用该操作,通常模拟表单的“submit”按钮的单击。我有一个表单没有按钮,但是div标记中有一个按钮的自定义图像,div标记有ng click动作。当我按Enter键时,什么也没发生。我遗漏了什么?

使您的按钮类型
submit
,并添加类属性和按钮样式,使其成为如下图像:

<form ng-submit="someAction()">
 <button type="submit" class="submitbutton">Submit</button>
</form>

然后,您的自定义图像将充当提交按钮,并在单击enter键时调用表单操作。

它通过将ng submit、ng controller和按钮类型添加为submit对我有效



提交如果您的表单包含md自动对焦-将其删除。
为我工作。

这里值得一提的是按钮的默认类型是type=“submit”。如果表单中有多个按钮具有ng click操作,Angular将按顺序执行所有这些操作,除非将
添加到非提交按钮。在Angular 7中,使用:(ngSubmit)=“someAction()”而不是:ng submit=“someAction()”
.submitbutton {
  background:url('....') // your custom image
}