RxJS flatMapLatest不是一个函数

时间:2016-03-09 05:18:46

标签: javascript rxjs

使用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);

});

})

Live Demo

1 个答案:

答案 0 :(得分:19)

在RxJS 5中,flatMapLatest已重命名为switchMap

var suggestions = distinct.switchMap(searchWikipedia);