更改指令的文本框 [英] Textbox on changes directive

问题描述

Angular2 中每个输入的 jQuery 更改事件的等效项是什么?示例:

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

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

推荐答案

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

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

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

    }
}

导入到 main.ts

Import it to the main.ts

添加到模块的声明

现场演示

这篇关于更改指令的文本框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！