更改指令上的文本框

Question

Angular2中每个输入的jQuery更改事件的等价物是什么？ 例如：

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

Answer 1

您可以使用Igor所说的指令来处理它，如下所示

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