diff options
author | crupest <crupest@outlook.com> | 2019-03-07 20:56:50 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2019-03-07 20:56:50 +0800 |
commit | 00757c9b23d1c614960d74b54054ccc35129150c (patch) | |
tree | d52f6ae18aad3146ea785d2f6797671772bcd1b5 /Timeline/ClientApp/src/app/debounce-click.directive.ts | |
parent | 4b37c96de2c7d3fe046a6f342d2da8ef03d3c807 (diff) | |
download | timeline-00757c9b23d1c614960d74b54054ccc35129150c.tar.gz timeline-00757c9b23d1c614960d74b54054ccc35129150c.tar.bz2 timeline-00757c9b23d1c614960d74b54054ccc35129150c.zip |
Reorganize with modules.
Diffstat (limited to 'Timeline/ClientApp/src/app/debounce-click.directive.ts')
-rw-r--r-- | Timeline/ClientApp/src/app/debounce-click.directive.ts | 39 |
1 files changed, 0 insertions, 39 deletions
diff --git a/Timeline/ClientApp/src/app/debounce-click.directive.ts b/Timeline/ClientApp/src/app/debounce-click.directive.ts deleted file mode 100644 index feb0404e..00000000 --- a/Timeline/ClientApp/src/app/debounce-click.directive.ts +++ /dev/null @@ -1,39 +0,0 @@ -import { Directive, Output, Input, EventEmitter, ElementRef, OnInit, OnDestroy } from '@angular/core'; -import { fromEvent, Subscription } from 'rxjs'; -import { debounceTime } from 'rxjs/operators'; - -@Directive({ - selector: '[appDebounceClick]' -}) -export class DebounceClickDirective implements OnInit, OnDestroy { - - private subscription: Subscription; - - @Output('appDebounceClick') clickEvent = new EventEmitter<any>(); - - // tslint:disable-next-line:no-input-rename - @Input('appDebounceClickTime') - set debounceTime(value: number) { - if (this.subscription) { - this.subscription.unsubscribe(); - } - this.subscription = fromEvent(<HTMLElement>this.element.nativeElement, 'click').pipe( - debounceTime(value) - ).subscribe(o => this.clickEvent.emit(o)); - } - - constructor(private element: ElementRef) { - } - - ngOnInit() { - if (!this.subscription) { - this.subscription = fromEvent(<HTMLElement>this.element.nativeElement, 'click').pipe( - debounceTime(500) - ).subscribe(o => this.clickEvent.emit(o)); - } - } - - ngOnDestroy() { - this.subscription.unsubscribe(); - } -} |