textbox on change директива - Angular2

Question

Что такое эквивалент события jQuery change на каждом входе в Angular2? Пример:

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

Answer 1

Вы можете обрабатывать его с помощью директивы по словам Игоря, как показано ниже

1. создать директиву, используя

   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. импортировать в main.ts

3. Добавить в декларации модуля

LIVE DEMO