¿Qué es un evento?
• Al igual que un navegador responde a los eventos en la capa del navegador, como los clics del mouse y el enfoque de ganancia, una aplicación angular también puede responder a los eventos angulares.
• El sistema de eventos angulares no está conectado al sistema de eventos del navegador. Solo podemos escuchar eventos angulares en lugar de eventos DOM en alcance.
Extensión del evento
Debido a que los ámbitos son jerárquicos, podemos pasar eventos en la cadena de alcance:
• Utilice el evento $ emit bubble, el evento burbujean desde el subescopio actual hasta el alcance de la asignación, y todos los ámbitos por encima del alcance que generó el evento se notificará de este evento.
El método $ emit () toma dos parámetros:
Nombre el nombre del evento que se emitirá
Args un conjunto de parámetros que se pasan como objetos para el oyente del evento
• Use $ transmisión para pasar los eventos hacia abajo, y cada subescopio que registra al oyente recibirá este mensaje
El método $ broadcast () toma dos parámetros:
Nombre el nombre del evento que se transmitirá
Args un conjunto de parámetros que se pasan como objetos para el oyente del evento
• Use $ encendido para escuchar eventos
El método $ on () toma dos parámetros:
Objeto de evento de eventos
Parámetro parámetro establecido, ejemplo de parámetros pasada por $ broadcast () y $ emit ()::
Demo.html <! DocType html> <html ng-app = "freefedapp"> <toad> <title> Angular Application Demo </title> <script src = "angular.js"> </script> <script src = "app.js"> </script> </head> <body> <divd ng ng ng-controller = "librefedcedcedcedcedcedcedcedcedcedcedceTcedCtrl"> <siv-directive> <siv-directive> <shiv-directive> <Sc. Change = "Change (Title)"> </div> </div> </body> </html>
app.js /*declarar módulo* / var módulo = angular.module ('freefedapp', []); /*Declarar controlador*/módulo.controller ('freefedctrl', ['$ scope', function ($ scope) {// speak directiveClick events $ scope. $ On ('directiveClick', function (event, param) {console.log (param);/imprime resultado {Título: 'Soy de la instrucción infantil'}); = 'Presta atención a la transmisión de los padres'; /*Declarar directive*/module.Directive ('eventDirective', function () {return {Scope: {Change: '&'}, reemplazar: true, plantilla: '<a> haga clic en el evento burbujeante de burbuje Alcance.Propiedades del objeto de eventos
Las propiedades del objeto del evento del evento en $ ON son las siguientes:
• TargetScope (objeto de alcance)
Alcance de los eventos de envío o transmisión
• Currentscope (objeto de alcance)
El alcance del evento de procesamiento actual
• Nombre (cadena)
El nombre del evento que se está procesando
• StopPropagation (función)
La función stopPropagation () cancela una propagación adicional del evento activado por $ emit
• PreventDefault (function) PreventDefault () Establece el indicador de Predeterminado en verdad en verdad. Aunque la propagación del evento no se puede detener, el subescopio puede saber que este evento no es necesario a través del indicador de valor predeterminado.
• Defaultprevented (valor booleano)
Puede juzgar si los eventos propagados por el padre pueden ignorarse juzgando la propiedad predeterminada con prevención.
La breve discusión anterior de los eventos en AngularJS es todo el contenido que comparto con ustedes. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.