Event Binding and Event Filtering || Displaying Data and Handling Events
In this video,I explained event binding and event filtering in Angular. Feel free to comment. For more, please subscribe and press the BELL icon. Please visit my Angular Playlist. Please visit my YouTube Videos. Visit my Facebook Page and Instagram Page
#eventbinding #eventfiltering #angular #webguru #angularcoders #angularprogrammers.
The code is as follows -
data.component.ts -
import { Component } from '@angular/core';
@Component ({
selector: 'data',
template: `
<h5> Event Binding </h5>
<button class="btn btn-primary" (click)="BtnClick($event)"> Click Me </button>
<br/> <br/>
<h5> Event Filtering </h5>
<input type="text" (keyup.enter)="KeyUp()"/>
`
})
export class DataComponent {
BtnClick($event){
console.log("Just Now I clicked the button",$event);
}
KeyUp() {
console.log("You Just Pressed the ENTER key");
}
}
#eventbinding #eventfiltering #angular #webguru #angularcoders #angularprogrammers.
The code is as follows -
data.component.ts -
import { Component } from '@angular/core';
@Component ({
selector: 'data',
template: `
<h5> Event Binding </h5>
<button class="btn btn-primary" (click)="BtnClick($event)"> Click Me </button>
<br/> <br/>
<h5> Event Filtering </h5>
<input type="text" (keyup.enter)="KeyUp()"/>
`
})
export class DataComponent {
BtnClick($event){
console.log("Just Now I clicked the button",$event);
}
KeyUp() {
console.log("You Just Pressed the ENTER key");
}
}
Comments
Post a Comment