Skip to main content

Posts

Showing posts with the label $event object

How to get user input from the $event object?

The DOM events carry all information that is useful to the component. The following example shows to get user input from the $event – key-up.component.ts import  {  Component ,  OnInit  }  from   '@angular/core' ; @ Component ({    selector:   'app-key-up' ,    templateUrl:   './key-up.component.html' ,    styleUrls:  [ './key-up.component.css' ] }) export   class   KeyUpComponent   implements   OnInit  {    values  =  '' ;    constructor () { }    ngOnInit () { }    //KeyUp events.    onKeyUp ( event :  any ) {      this . values  +=  event . target . value  +  ' : ' ;    } } And key-up.component.html – < div   class = "event" >    < button  ( click )= "onKeyUp($event)" > KeyUp Event! </ b...