Qu'est-ce qu'un événement
• Tout simplement comme un navigateur répond aux événements de la couche de navigateur, tels que les clics de souris et se concentre, une application angulaire peut également répondre aux événements angulaires.
• Le système d'événements angulaires n'est pas connecté au système d'événements du navigateur. Nous ne pouvons écouter que des événements angulaires au lieu d'événements DOM dans la portée.
Épreuve de l'événement
Parce que les lunettes sont hiérarchiques, nous pouvons passer des événements sur la chaîne de portée:
• Utilisez un événement Bubble Emit $, l'événement bouillonne de la sous -cope actuelle à la portée de l'affectation, et toutes les portées au-dessus de la portée qui a généré l'événement sera informée de cet événement.
La méthode $ emit () prend deux paramètres:
Nommez le nom de l'événement à émettre
Args un ensemble de paramètres qui sont passés en tant qu'objets à l'écouteur de l'événement
• Utilisez $ diffuser pour transmettre les événements, et chaque sous-espèce qui enregistre l'auditeur recevra ce message
La méthode $ Broadcast () prend deux paramètres:
Nommez le nom de l'événement à diffuser
Args un ensemble de paramètres qui sont passés en tant qu'objets à l'écouteur de l'événement
• Utilisez $ on pour écouter les événements
La méthode $ on () prend deux paramètres:
Objet de l'événement de l'événement
Paramètre paramètre, exemple de paramètres définis par $ Broadcast () et $ emit ():
Demo.html <! doctype html> <html ng-app = "FreefEdApp"> <adref> <Title> Application Angular Demo </ title> <script src = "angular.js"> </cript> <script src = "app.js"> </cript> </ad> <body> <v-div-cconTroll = "FreeFeDctrl Change = "Change (Title)"> </div> </div> </ body> </html>
app.js / * Déclare le module * / var module = angular.module ('freefedApp', []); / * Declare Controller * / module.Controller ('FreeFedCtrl', ['$ Scope', fonction ($ Scope) {// Speak DirectiveClick Events $ Scope. $ On ('DirectiveClick', fonction (événement, param) {console.log (param); // imprimer le résultat {Title: 'Je suis de l'instruction Child Sope' result = 'Veuillez faire attention à la réception de la diffusion des parents'; / * Déclare directive * / module.directive ('eventDirective', function () {return {scope: {modifier: '&'}, remplacer: true, modèle: '<a> Cliquez moi SCOPE. $ émit ('DirectiveClick', {Titre: 'Je suis de l'instruction de la portée de l'enfant'});});Propriétés de l'objet de l'événement
Les propriétés de l'objet de l'événement dans $ on sont les suivantes:
• TargetScope (objet Scope)
Portée des événements d'envoi ou de diffusion
• CurrentScope (objet Scope)
La portée de l'événement de traitement actuel
• Nom (String)
Le nom de l'événement est traité
• stoppropagation (fonction)
La fonction stopPropagation () annule la propagation supplémentaire de l'événement déclenché par $ émit
• PARVERDEFAULT (FONCTION) EVERDEFAULT () Définit l'indicateur de défaut sur TRUE. Bien que la propagation de l'événement ne puisse pas être arrêtée, la sous -cope peut savoir que cet événement n'est pas requis via l'indicateur de défaut.
• Par défaut Prévelé (valeur booléenne)
Vous pouvez juger si les événements propagés par le parent peuvent être ignorés en jugeant la propriété reprisée par défaut.
La brève discussion ci-dessus des événements dans AngularJS est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.