2017-02-22 84 views
0

在Angular2的每个输入上,jQuery change事件的等价物是什么? 例子:textbox on changes指令 - Angular2

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

创建'input'的选择一个指令并注册了'change'事件。 – Igor

+0

(change)=“更改()” –

+0

谢谢伊戈尔! :) –

回答

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

+0

通过改变全球你在找什么? – Aravind

+0

评论来自Igor关于我的问题是我正在寻找 –

+0

@NedimHozić在更改文本框的指令是不可取的。但仍然更新回答 – Aravind