Typescript event emitter

//method 1
<input (keyup)="onKey($event)">

Email: <p>{{email}}</p>

//ts
export class AppComponent { 
  email: String = '';
  
  onKey(event: KeyboardEvent) { 
    this.email = event.target['value'];
    console.log("event", event);
  }
}           


	//method 2
  <input (keyup)="onKey($event)" (keypress)="onKey($event)" (keydown)="onKey($event)" >

	export class AppComponent {

  	onKey(event: KeyboardEvent) {
    console.log("This is", event.type);
  	}
   }   

  
  //method 3
  
  @HostListener("window:keypress", ["$event"])
    handleKeyboardEvent(event: KeyboardEvent) {
      console.log(event);
  }

Source: stacksjar.com

Similar codes

1 vote110 views3 answers
An attempt was made to access a socket in a way forbidden by its access permissions.
TypeScript
0 vote97 views1 answer
Http://docs.python-requests.org/en/master/user/install/
TypeScript
0 vote98 views1 answer
Network analysis projects code python graph and histogram with data facbook
TypeScript
0 vote97 views1 answer
Extends multiple class typescript
TypeScript
0 vote103 views1 answer
Mac book join raspberry pi webserver
TypeScript
0 vote95 views1 answer
Passing arguments in python from command line as key value
TypeScript
0 vote107 views1 answer
What version of python supports kivy
TypeScript
0 vote101 views1 answer
Paginator
TypeScript
-1 vote121 views1 answer
Var str1='hello world'; var str2='welcome to typescript'; function test(str1:string,str2:string){ console.log(str1.concat(str2)) console.log(str1.concat( 'mr','vinay')) } test(); console.log(str1.concat(str2))
TypeScript
1 vote144 views1 answer
Delete contents of folder java
TypeScript