使用角材料使用AngularJS按Enter键提交表单

【问题标题】：Submit form on pressing Enter with AngularJS using angular material使用角材料使用AngularJS按Enter键提交表单
【发布时间】：2017-09-28 15:53:59
【问题描述】：

Submit form on pressing Enter with AngularJS 这个问题使用 html5 按钮，但我使用 Angular Material Button 作为

<div class="card-action no-border text-right">
  <md-button class="color-primary sign-btn" ng-disabled="logForm.$invalid" ng-click="login()"> Sign In</md-button>
</div>

但是如何使用它

【问题讨论】：

标签： javascript angularjs angular-material

【解决方案1】：

您可以创建一个 Enter 指令，如下所示：

'use strict';

angular.module('directives')
    .directive('eopdEnter', function () {
        return function (scope, element, attrs) {
            element.bind("keydown keypress", function (event) {
                if (event.which === 13) {
                    scope.$apply(function () {
                        scope.$eval(attrs.eopdEnter, {'event': event});
                    });

                    event.preventDefault();
                }
            });
        };
    });

并以这种方式使用它：

<div class="card-action no-border text-right">
  <md-button class="color-primary sign-btn" eopd-enter="login()" ng-disabled="logForm.$invalid" ng-click="login()"> Sign In</md-button>
</div>

【讨论】：

真的很有帮助。谢谢。它也拯救了我的一天！