Javascript Girl
  1. Javascript Girl
  3. Écouter l'événement du document dans le contrôleur angulaire
Intereting Posts
Les espaces réservés Javascript Facebook Javascript SDK Problème: "FB n'est pas défini" Modifier l'URL affichée dans la barre d'état de Chrome Utilisation de plusieurs boutons sur la même fonction qui redirige vers différentes fonctions Pourquoi ne puis-je pas définir de fonctions dans document.ready () de jQuery? Comment utiliser express-ntlm pour obtenir un nom d'utilisateur Windows sans authentification à l'aide de NODE.js? Relation entre CommonJS, AMD et RequireJS? Promise.resolve (). Puis vs setImmediate vs nextTick Comment montrer la vue composite avec plusieurs enfants dans la Marionnette Backbone Exécuter un script après le panneau de mise à jour AJAX asp.net Déterminer la distance du haut d'un div au sommet de la fenêtre avec javascript Suppression de la légende sur les tableaux avec chart.js v2 Plage de type d'entrée HTML5 – séquence non linéaire? Ecriture de données dans un fichier texte local avec javascript Existe-t-il un bon cas d'utilisation pour la propriété constructeur en Javascript?

Écouter l'événement du document dans le contrôleur angulaire

Comment attraper l'événement dans le contrôleur angulaire?

J'ai des événements de niveau de document, donc j'ai besoin d'attraper l'événement dans un contrôleur angulaire, est-ce possible?

Mettre à jour

J'ai un fichier js autonome avec la gestion de certaines actions de la caméra. 

document.addEventListener('myCameraEvent', handleMyCameraEvent);

Et je veux déclencher cet événement dans un contrôleur ou une directive angulaire. Quelqu'un pourrait-il expliquer, comment est-il possible de mettre en œuvre avec angulaire?

Voici un service générique d'observation d'événements personnalisés: 

 .service('Camera', function($document) { //map of current subscribers var subscribers = {}; //notifies all subscribers of particular event type function notify(event) { var handlers = subscribers[event.type] || []; for (var i = 0; i < handlers.length; i++) { handlers(i)(event); } } //adds new handler to subscribers list //returns object with unsubscribe() method this.subscribe(eventType, handler) { var handlers = subscribers[eventType] || []; handlers.push(handler); return (function(type, index) { return { unsubscribe: function() { subscribers[type].splice(index); } } })(eventType, handlers.length - 1); } //register custom events $document.on('myCameraEvent', function(event) { notify(event); }); $document.on('myOtherCameraEvent', function(event) { notify(event); }); });

Dans votre contrôleur, vous l'utiliserez comme ceci: 

 .controller('MyCtrl', function($scope, Camera) { subscriber = Camera.subscribe('myCustomEvent', customEventHandler); function customEventHandler(event) { //process event //.. //if handler is not needed anymore, unsubscribe //subscriber.unsubscribe(); } })

Bien sûr, ce n'est qu'une idée générale. Vous voudrez peut-être avoir des méthodes spécifiques sur le service Caméra, par exemple Camera.onSnapshot(snapshothandler); Camera.onTurnOff(turnOffHandler); Camera.onSnapshot(snapshothandler); Camera.onTurnOff(turnOffHandler); Qui inscrirait les gestionnaires à des événements spécifiques pour abstraire les noms des événements.