本文整理汇总了TypeScript中rxjs.Observable.debounceTime方法的典型用法代码示例。如果您正苦于以下问题:TypeScript Observable.debounceTime方法的具体用法?TypeScript Observable.debounceTime怎么用?TypeScript Observable.debounceTime使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类rxjs.Observable
的用法示例。
在下文中一共展示了Observable.debounceTime方法的2个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: constructor
constructor(
keyUp$: Observable<KeyboardEvent>,
selectedMatch$: Observable<string>,
getMatches: (text: string) => Observable<string[]>,
opts: InputDriverOptions) {
const typedWord$ = keyUp$
.debounceTime(opts.debounceMs)
.filter(event => isTyping(event.keyCode))
.map(event => {
const { value: fullText, selectionStart } = (event.target as HTMLInputElement);
const wordResults: TextRun[] = findCurrentWord(fullText, selectionStart);
return wordResults;
})
.share();
const longEnoughWord$ = typedWord$
.filter(wordResults => wordResults.length > 0)
.map(wordResults => wordResults[0])
.filter(wordResult => wordResult.text.length >= opts.minWordLength);
const emptyMatches = [];
const notSuitableWord$ = typedWord$
.filter(wordResults => wordResults.length === 0
|| wordResults[0].text.length < opts.minWordLength)
.map(_ => emptyMatches);
const matchingCompletions$ = longEnoughWord$
.switchMap(wordResult => {
const matches$ = getMatches(wordResult.text)
.catch(_ => Observable.of([] as string[]));
return matches$;
});
this.matches$ = matchingCompletions$
.merge(notSuitableWord$);
this.text$ = selectedMatch$
.withLatestFrom(longEnoughWord$, (selected, typedWord) => {
const { fullText, text, startIndex, endIndex } = typedWord;
const newText = fullText.slice(0, startIndex)
+ selected + fullText.slice(endIndex);
return newText;
});
}
示例2: cacheEditor
export function cacheEditor(observable: Observable<ILanguageClientTextEditor>) {
return observable
.debounceTime(DEBOUNCE_TIMEOUT)
.cache(1);
}