Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.2k views
in Technique[技术] by (71.8m points)

angular - Textbox on changes directive

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

$("input").on('change', function() { 
   console.log("*"); 
});
See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

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

  1. create a directive using

    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. Import it to the main.ts

  3. Add to declarations of the module

LIVE DEMO


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...