本文整理匯總了TypeScript中rxjs.Observable.withLatestFrom方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript Observable.withLatestFrom方法的具體用法？TypeScript Observable.withLatestFrom怎麽用？TypeScript Observable.withLatestFrom使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類rxjs.Observable的用法示例。
在下文中一共展示了Observable.withLatestFrom方法的1個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的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;
});
}