Gibt es eine AngularJS Weg, um ein drücken der ein-Taste, Aufruf einer routine in meinen controller?

Erwarte ich, dass jemand geht, schlage ich die Verwendung von jQuery (die ich geladen habe), aber nur um sicher zu sein, bevor ich schauen in wie zu implementieren, kann mir jemand sagen, ob es einen anderen Weg gibt, den ich machen kann das schlagen einer Taste (der Pfeil nach rechts Taste) - Aufruf einer javascript-Funktion in meinem controller.

InformationsquelleAutor | 2014-01-16
  1. 21

    Wenn Sie möchten, zu hören, zu Veranstaltungen, die auf dem document

    • registrieren Sie einen Ereignis-listener, wenn der Anwendungsbereich instanziiert wird
    • stellen Sie sicher, dass Sie auch zerstören, wenn der Bereich zerstört wird
    • Ich habe auch versucht zu verwenden keypress aber es scheint zu ignorieren, die Pfeil-Tasten.
    • Lesen Sie mehr: jQuery Keypress Pfeiltasten
    • Vielleicht benötigen Sie e.die: Javascript .keyCode gegenüber .die?
    var handler = function(e){
    if(e.keyCode === 39) {
      console.log('right arrow');
      //$scope.doSomething();
    }      
};

var $doc = angular.element(document);

$doc.on('keydown', handler);
$scope.$on('$destroy',function(){
  $doc.off('keydown', handler);
})

    Was ng-keypress /ng-keydown :

    • ng-keypress hat einer das gleiche problem mit den Pfeiltasten ( Es wird element.on('keypress',).
    • ng-keydown wird wohl so gut funktionieren für Sie.

    Was ist die eckige Art und Weise?

    • "Winkel-Weg" ist ein subjektiver Begriff, obwohl die meisten Winkel-Experten würden Zustimmen
      einige level.
    • Manchmal, eckig können Sie wählen zwischen verschiedenen Möglichkeiten, und Sie sind alle in Ordnung.
    • Es hängt immer davon ab, wie die app aufgebaut ist und was Sie erreichen wollen.
    • Angular.js stellt einige Spielsachen für die Bequemlichkeit ( den built-in-Direktiven ), es bedeutet nicht, sollten Sie immer lieber mit Ihnen.
    • Meine Leitlinien sind entkoppelt /einfach /sauber code so viel wie möglich.
    • Deklarative nicht immer bedeutet entkoppelt /simple /clean ( hmm... XML )
    • Wenn Ihr den ganzen code lebt in einem controller, also warum entkoppeln, es mit einer bestimmten Vorlage, die erklären müssen ng-event mit a specific function?!
    • Ich würde immer überlegen, das erstellen von benutzerdefinierten Richtlinien für Veranstaltungen & Handler (aber wieder, es hängt vom Anwendungsfall).
    • Als Sie Meister angular.js (lernen Sie die Interna) finden Sie "Ihren eigenen Winkel-Weg".
    • Ist diese besser als die Verwendung von ng-keypress? Ich bin am überlegen ng-keypress eher "Eckig" Weg, es zu tun. Können Sie lassen Sie mich wissen, Ihre opion? Dank
    • Ich aktualisiert meine Antwort.
    InformationsquelleAutor Ilan Frumer
  2. 1

    Könnten Sie ng-keypress="callFunction($event)"

    In Funktion 

    $scope.callFunction = function(eventNew) {
  if (eventNew.which==39)
    alert('Right arrow key pressed');
}
    • Ist ng-keypress neue. Ich sah die link wies in den Kommentar, und nicht sehen, von ihm zu schweigen.
    • Wo würden Sie vorschlagen, ich Stelle diese Richtlinie, wenn ich will, fangen Sie den Tastendruck auf einen beliebigen Teil der Seite?
    • Sie können legen Sie es auf den Körper. Wie <body ng-keypress="callFunction($event)"> </body>
    • Was ist, wenn diese spezifisch nur für einen bestimmten Teil der Seite? z.B. Vorlage in einem modalen popup. Jeder Weg, um es sauber zu halten und zusammen mit dem Teil ist es relevant?
    InformationsquelleAutor Jayram
Schreibe einen Kommentar