更改指令的文本框

Question

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

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

Answer 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

更改指令的文本框

Textbox on changes directive

angular2-directives

angular