更改指令上的文本框

【问题标题】：Textbox on changes directive更改指令上的文本框
【发布时间】：2017-07-13 00:21:40
【问题描述】：

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

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

【问题讨论】：

创建一个带有input选择器的指令并注册change事件。

标签： angular angular2-directives

【解决方案1】：

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

使用创建指令

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')

    }
}

导入到main.ts
添加到模块的声明中

LIVE DEMO

【讨论】：