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");
     }

}


Comments

Popular posts from this blog

Alert Dialog Box in JS || JavaScript Dialog Box

HTML - Frameset Tag in html

Indian Flag || Indian Flag using HTML CSS