Textbox on changes directive

Question

What is the equivalent for jQuery change event on every input in Angular2? Example:

$(\"input\").on(\'change\', function() { 
   console.log(\"*\"); 
});


        

Answer 1

You can handle it using Directive as said by Igor as below

1. create a directive using

   import { Directive, HostListener, Renderer, ElementRef } from '@angular/core';
   @Directive({
       selector: '[change]'
   })
   export class ChangeDirective{
   
       constructor(
           private renderer: Renderer,
           private el: ElementRef
       ){}
   
       @HostListener('keyup') onKeyUp() {
   
        console.log('some thing key upped')
   
       }
   }
   

2. Import it to the main.ts

3. Add to declarations of the module

LIVE DEMO