角2-RxJS开关映射问题

Question

我试图在我的应用程序中有一个无限滚动的部分。为了实现这一点，我使用这个组件来处理滚动事件等等。当滚动到达div的底部时，我调用一个函数来获取更多数据。到现在为止，一直都还不错。

为了使这个函数更有效，我试图在调用之前等待几秒钟，并确保数据得到正确处理。为此，我一直在查看Angular网站上展示的维基百科搜索示例。

我有一个类似于本文所示的设置，我的问题是调用switchMap（）时出现以下错误：

类型“void”不可分配给类型“ObservableInput”

这是我的代码示例：

private scrollEndActive: Subject<boolean> = new Subject<boolean>();

ngOnInit() {
    ...
    this.scrollEndActive
        .debounceTime(1000)
        .distinctUntilChanged()
        .switchMap(data => {
            // ... get data from server
        })
}

...

// event to trigger call to server
scrollEnd() {
    this.scrollEndActive.next(true);
}

从我所做的研究来看，这似乎是一个与以下事实相关的问题：一个人应该返回可观察的（类型“void”不可分配给类型“observedinput”）

我正在和：

• 角度4.0。1




Answer 1

我正在和：

• 角5.1.0
• TypeScript 2.5.3
• RxJS 5.5.6

我也有同样的问题。我修复了将返回值放入switchMap的问题，因为您不能返回未定义的或null值。但如果不能返回可观察的，可以返回一个空数组。

我必须解决一个可观察的链接，我这样解决：

resolve(): Observable<any> {
    return firstObservableFunc()
    .map(res => res)
    .switchMap(result => (result && result.value === 'OK') ? secondObservableFunc() : []);                        
}

Answer 2

默认情况下，箭头函数（）=

如果您想使用switchMap不返回任何内容，可以按照yurzui在评论中所说的那样，returnobservable。empty（）。

也就是说，如果您在SwitchMap中返回一个可观察到的空，这意味着您不需要SwitchMap，您可以直接使用do运算符，这不是一个不修改返回数据的操作。或者mergeMap，允许您从原始数据中返回一个新的可观察数据。