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)"