使用RxJs
我正在尝试重现演示。但我没有得到任何结果。而是将错误视为:distinct.flatMapLatest is not a function
我在这里做错了什么?我需要在这里添加任何library
吗?
这是我的尝试:但请查看演示以获得真正的问题是什么。
$(document).ready(function(){
var $input = $('#input'),
$results = $('#results');
var keyups = Rx.Observable.fromEvent($input, 'keyup')
.map(e => e.target.value)
.filter(text => text.length > 2);
var throttled = keyups.throttle(500);
var distinct = throttled.distinctUntilChanged();
function searchWikipedia (term) {
return $.ajax({
url: 'http://en.wikipedia.org/w/api.php',
dataType: 'jsonp',
data: {
action: 'opensearch',
format: 'json',
search: term
}
}).promise();
}
var suggestions = distinct.flatMapLatest(searchWikipedia);
suggestions.subscribe(data => {
var res = data[1];
/* Do something with the data like binding */
$results.empty();
$.each(res, (_, value) => $('<li>' + value + '</li>').appendTo($results));
}, error => {
/* handle any errors */
$results.empty();
$('<li>Error: ' + error + '</li>').appendTo($results);
});
})
答案 0 :(得分:19)
在RxJS 5中,flatMapLatest
已重命名为switchMap
。
var suggestions = distinct.switchMap(searchWikipedia);