AngularJSは角材料に使用してEnterキーを押す上のフォームを送信

Question

Submit form on pressing Enter with AngularJS この質問は、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>