O que é um evento
• Assim como um navegador responde a eventos na camada do navegador, como cliques de mouse e foco, um aplicativo angular também pode responder a eventos angulares.
• O sistema de eventos angulares não está conectado ao sistema de eventos do navegador. Só podemos ouvir eventos angulares em vez de eventos DOM no escopo.
Spread de eventos
Como os escopos são hierárquicos, podemos passar eventos na cadeia de escopo:
• Use o evento de bolha $ emit, o evento borbulha do subscópio atual para o escopo da atribuição e todos os escopos acima do escopo que gerou o evento serão notificados deste evento.
O método $ emit () leva dois parâmetros:
Nome o nome do evento a ser emitido
Args um conjunto de parâmetros que são passados como objetos para o ouvinte do evento
• Use $ transmitido para passar eventos e cada subescópio que registra o ouvinte receberá esta mensagem
O método $ transmission () leva dois parâmetros:
Nome o nome do evento a ser transmitido
Args um conjunto de parâmetros que são passados como objetos para o ouvinte do evento
• Use $ on para ouvir para eventos
O método $ on () leva dois parâmetros:
Objeto de evento do evento
Parâmetros parâmetros conjunto, exemplo de parâmetro Conjunto de parâmetros passados por $ transmite () e $ emit ():
demo.html <!doctype html> <html ng-app="freefedApp"> <head> <title>angular application demo</title> <script src="angular.js"></script> <script src="app.js"></script> </head> <body> <div ng-controller="freefedCtrl"> <div Mudança Directiva de Evento = "Mudança (Title)"> </div> </div> </body> </html>
App.js /*declarar módulo* / var módulo = angular.module ('freefedapp', []); /*Declare controlador*/module.Controller ('freefedctrl', ['$ scope', function ($ scope) {// Speaking Directiveclick Events $ scope. $ On ('Diretiveclick', function (event, param) {console.log); Result = 'Por favor, preste atenção à transmissão do pai' // Broadcast ParentBroadcast $ SCOPE. /*Declare a diretiva*/module.directive ('EventDirective', function () {return {scope: {altere: '&'}, substitua: true, modelo: '<a> Clique em mim para cima Evento de borbulhamento </a>, link: function (scope, el, att) {el.on (' click ', function () {/) {/) Escopo.Propriedades do objeto de evento
As propriedades do Objeto de Eventos do Evento em $ ON são as seguintes:
• TargetScope (objeto de escopo)
Escopo de eventos de envio ou transmissão
• Currentscope (objeto de escopo)
O escopo do evento de processamento atual
• Nome (string)
O nome do evento sendo processado
• StopPropagation (função)
A função StopPropagation () cancela uma propagação adicional do evento acionada por $ emit
• prevenirdefault (function) prevenDDefault () define o sinalizador DefaultPrentEd como true. Embora a propagação do evento não possa ser interrompida, o subscópio pode saber que este evento não é necessário através do sinalizador DefaultPrentEd.
• DefaultPrentEd (valor booleano)
Você pode julgar se os eventos propagados pelo pai podem ser ignorados julgando a propriedade DefaultPrenteded.
A breve discussão acima dos eventos no AngularJS é todo o conteúdo que compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.