Saltar al contenido

manejo tutorialDec, 2ndIn este tutorial Evento angular, vamos a aprender acerca de cómo manejar los eventos …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo manejar los eventos en ángulo con ayuda de ejemplos. eventos de escucha

Para los eventos en escuchar angular que necesitamos para envolver nombre_evento, con un paréntesis ().


En el código anterior que se detecta el evento, haga clic en un botón, de manera que cada vez que un usuario hace clic en un botón se invoca el método handleClick.

argumentos para el traspaso

eventos métodos de controlador también puede aceptar los argumentos que vamos a ver un ejemplo.

import { Component } from '@angular/core';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
name = 'angular tutorial'; // at time of invocation we need to pass an argument
changeName(myname: string): void { this.name = myname; }}

{{name}}


En el código anterior, primero se crea un método changename con el parámetro MiNombre dentro de nuestro archivo app.component.ts, de modo que dentro de nuestro margen de beneficio que estamos pasando la gowtham como argumento al método de changename.

acceso al objeto evento de acceso

Para el objeto de evento en los métodos de controlador, necesitamos usar la variable $ evento Veamos un ejemplo.


import { Component } from '@angular/core';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})

export class AppComponent {
handleMe(event:any){ //logging event object console.log(event) }

}