我对表单的理解是，如果表单有一个与之关联的ng-submit操作，那么按Enter键将调用该操作，通常模拟单击表单的“submit”按钮。我有一个表单，它没有按钮，但在div标签中有一个按钮的自定义图像，div标签有ng-click操作。当我按Enter键时，什么也没有发生。我错过了什么？
uurity8g1#
使按钮类型为submit，并添加class属性和样式，使按钮的图像如下所示：
submit
<form ng-submit="someAction()"> <button type="submit" class="submitbutton">Submit</button> </form>
并做样式你的按钮在css像：
.submitbutton { background:url('....') // your custom image }
然后，您的自定义图像将充当提交按钮，并在单击Enter键时调用表单操作。
lmvvr0a82#
我通过添加ng-submit、ng-controller和按钮类型作为submit来实现<form ng-submit="func()" ng-controller="MyController"> <button type="submit">Submit</button </form>
<form ng-submit="func()" ng-controller="MyController"> <button type="submit">Submit</button </form>
jqjz2hbq3#
如果你的表单包含md-autofocus-删除它。对我有用。
deikduxw4#
对于Angular 13：
<form (ngSubmit)="search()"> <input type="text" id="inputword" /> <button type="submit" id="send" class="btn btn-lg btn-primary">Search</button> </form>
4条答案
按热度按时间uurity8g1#
使按钮类型为
submit，并添加class属性和样式，使按钮的图像如下所示：并做样式你的按钮在css像：
然后，您的自定义图像将充当提交按钮，并在单击Enter键时调用表单操作。
lmvvr0a82#
我通过添加ng-submit、ng-controller和按钮类型作为submit来实现
<form ng-submit="func()" ng-controller="MyController"> <button type="submit">Submit</button </form>jqjz2hbq3#
如果你的表单包含md-autofocus-删除它。对我有用。
deikduxw4#
对于Angular 13：