Je suppose que je devrais utiliser directive, mais il semble étrange d'ajouter une directive à body, mais écoutez les événements sur le document.
Quelle est la bonne façon de faire cela?
MISE À JOUR: Trouvé AngularJS interface utilisateur et a vu la réalisation de la directive keypress.
Je dirais qu'une manière plus appropriée (ou "manière angulaire") serait de l'ajouter à une directive. Voici un simple pour vous aider à aller ( il suffit d' ajouter keypress-events attribut <body> ):
angular.module('myDirectives', []).directive('keypressEvents', [
'$document',
'$rootScope',
function($document, $rootScope) {
return {
restrict: 'A',
link: function() {
$document.bind('keypress', function(e) {
console.log('Got keypress:', e.which);
$rootScope.$broadcast('keypress', e);
$rootScope.$broadcast('keypress:' + e.which, e);
});
}
};
}
]);
Dans votre directive, vous pouvez simplement faire quelque chose comme ceci:
module.directive('myDirective', [
function() {
return {
restrict: 'E',
link: function(scope, el, attrs) {
scope.keyPressed = 'no press :(';
// For listening to a keypress event with a specific code
scope.$on('keypress:13', function(onEvent, keypressEvent) {
scope.keyPressed = 'Enter';
});
// For listening to all keypress events
scope.$on('keypress', function(onEvent, keypressEvent) {
if (keypress.which === 120) {
scope.keyPressed = 'x';
}
else {
scope.keyPressed = 'Keycode: ' + keypressEvent.which;
}
});
},
template: '<h1>{{keyPressed}}</h1>'
};
}
]);
Je ne peux pas se porter garant pour elle tout de suite, mais j'ai commencé à prendre un coup d'oeil à AngularHotkeys.js:
http://chieffancypants.github.io/angular-hotkeys/
Sera mise à jour avec plus d'informations une fois que j'ai mes dents.
Mise à jour 1: Oh, il y a un package nuget: angulaires-raccourcis clavier
Mise à jour 2: actaully très facile à utiliser, il suffit de configurer votre contraignante en votre trajet ou que je suis en train de faire, dans votre contrôleur:
hotkeys.add('n', 'Create a new Category', $scope.showCreateView);
hotkeys.add('e', 'Edit the selected Category', $scope.showEditView);
hotkeys.add('d', 'Delete the selected Category', $scope.remove);
Voici un exemple de service AngularJS pour les raccourcis clavier: http://jsfiddle.net/firehist/nzUBg/
Il peut ensuite être utilisé comme ceci:
function MyController($scope, $timeout, keyboardManager) {
// Bind ctrl+shift+d
keyboardManager.bind('ctrl+shift+d', function() {
console.log('Callback ctrl+shift+d');
});
}
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
