Javascript 使用AngularJS按Enter键并使用角材质提交表单

Javascript 使用AngularJS按Enter键并使用角材质提交表单,javascript,angularjs,angular-material,Javascript,Angularjs,Angular Material,这个问题使用html5按钮,但我使用的是角材质按钮 <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> 登录 但是如何使用它您可以创建一个Enter指令,如下所

这个问题使用html5按钮,但我使用的是角材质按钮

<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>

登录

但是如何使用它

您可以创建一个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>

登录

这真的很有帮助。谢谢这也救了我一天!!