使用AngularJS使用角材料在按Enterjs上提交表单

Question

在用angularjs按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>

但是如何使用它

Answer 1

您可以创建一个以下输入指令：

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