Wie man ein Tastendruck-Ereignis in AngularJS verwendet?

Question

Ich möchte das KeyPress-Ereignis der Eingabetaste im untenstehenden Textfeld erfassen. Um es klarer zu machen, verwende ich ein ng-repeat , um das tbody zu füllen. Hier ist der HTML-Code:

Das ist mein Modul:

angular.module('components', ['ngResource']);

Ich verwende eine Ressource, um die Tabelle zu füllen, und mein Controller-Code lautet:

function Ajaxy($scope, $resource) {
//Controller, der eine Ressource hat, um die Tabelle zu füllen
}

Answer 1

Sie können ng-keydown, ng-keyup, ng-press wie folgt verwenden.

Um eine Funktion auszulösen:

Oder wenn Sie eine Bedingung haben, wie z.B. wenn er Escape drückt (27 ist der Schlüsselcode für Escape)

....

Answer 2

Ich denke, document.bind zu verwenden ist etwas eleganter

constructor($scope, $document) {
  var that = this;
  $document.bind("keydown", function(event) {
    $scope.$apply(function(){
      that.handleKeyDown(event);
    });
  });
}

Um document im Controller-Konstruktor zu erhalten:

controller: ['$scope', '$document', MyCtrl]

Answer 3

(function(angular) {
  'use strict';
angular.module('dragModule', [])
  .directive('myDraggable', ['$document', function($document) {
    return {
      link: function(scope, element, attr) {
         element.bind("keydown keypress", function (event) {
           console.log('keydown keypress', event.which);
            if(event.which === 13) {
                event.preventDefault();
            }
        });
      }
    };
  }]);
})(window.angular);

Answer 4

Alles, was Sie tun müssen, um das Ereignis zu erhalten, ist folgendes:

console.log(angular.element(event.which));

Ein Direktive kann es tun, aber das ist nicht wie Sie es tun.