angular2, directive input OnChanges delay(debounce)?

Question

In Angular1, I was able to add add debounce time for ng-model.

In Angular2, we can detect changes on all input. Is it possible to have some debounce time on each input change.

From the following plunker example, http://plnkr.co/edit/JKYSek?p=preview, I type "hello world", but it reacts to every single key stroke.

Is it possible to have some delay on each change without any programming?

import { Directive, OnChanges } from "@angular/core";

@Directive({
  selector: '[my-directive]',
  inputs: [`myInput`]
}) 
export class MyDirective implements OnChanges {

  ngOnChanges(changes: {[key: string]: SimpleChange}) {
    console.log('changes :'+ changes.myInput.currentValue);
  }
}

Günter Zöchbauer · Accepted Answer · 2016-07-06 13:58:30Z

3

Angular doesn't provide anything. It was discussed and there is an open issue AFAIR.

As workaround you can forward to an observable or use Observable.fromEvent() with debounce.

edited Jul 6, 2016 at 13:58

answered Jun 11, 2016 at 20:37

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

angular2, directive input OnChanges delay(debounce)?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related