按Enter键时Angularjs默认操作

时间:2014-03-18 03:57:28

标签: angularjs

我对表单的理解是,如果表单有与之关联的ng-submit操作,则按Enter键将调用该操作,通常模仿单击表单的“提交”按钮。我有一个没有按钮的表单,但div标签中的按钮的自定义图像和div标签具有ng-click操作。当我按Enter键时,没有任何反应。我错过了什么?

3 个答案:

答案 0 :(得分:12)

设置按钮类型submit并添加一个类属性并设置按钮的样式,使其成为如下图像:

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

并在css中设置您的按钮样式,如:

.submitbutton {
  background:url('....') // your custom image
}

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

答案 1 :(得分:0)

通过添加ng-submit,ng-controller&amp; amp;按钮类型为提交

<form ng-submit="func()" ng-controller="MyController"> <button type="submit">Submit</button </form>

答案 2 :(得分:0)

如果您的表单包含 md-autofocus -将其删除。 为我工作。