javascript - 使用 AngularJS 使用 Angular Material 按 Enter 键提交表单

Question

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>

但如何使用它

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