KendoUI Angular2 - 디 바운스 슬라이더

Question

슬라이더 변경 이벤트가 트리거 될 때 모델을 업데이트하고 디 바운스 시간을 (너무 많은 레이아웃을 강조하지 않기 위해 모델을 새로 고친 대규모 차트에서 사용하기 때문에 업데이트하고 싶습니다. 250ms마다).

HTML

<kendo-slider [min]="1" 
        [max]="5" 
        [(ngModel)]="model" 
        (valueChange)="functionToBeDebounced($event)"> 
    </kendo-slider> 

TS

public functionToBeDebounced(value) { 
     this.model = value; 
     this.notification.emit(this.model); 
} 

가 이런 식으로 뭔가를 할 수 있나요 :

이 시나리오인가? 슬라이딩이 끝난 때만

<kendo-slider [min]="1" 
        [max]="5" 
        [(ngModel)]="model" 
        (valueChange)="functionToBeDebounced($event)" 
        [debounce]="500" > 
    </kendo-slider> 

결과 functionToBeDebounced 호출된다.

Answer 1

rxjs/Subject를 사용하여 원하는 모든 것을 디 바운스 할 수 있습니다.

import { Subject } from 'rxjs/Subject'; 

---

private debouncer: Subject<any> = new Subject(); 

ngOnInit(){ 
    this.debouncer.debounceTime(500).subscribe(event => { 
    this.functionToBeDebounced(event); 
    }); 
} 

private callDebouncer(event){ 
    this.debouncer.next(event); 
} 

---

(valueChange)="callDebouncer($event)"