如何使observable根据用户选择有条件地返回流?

时间:2017-01-10 06:21:36

标签: angular typescript ionic2 rxjs5

尝试构建一个可观察的流,它将有条件地从两个源读取。基于用户选择的文件流,或当前会话的内存中流。

我有一个下拉列表,用户可以选择以下选项之一:

Current  //in-memory stream contains entries (error, warning, trace, debug) as they happen for the current session
Error    //error.log file entries
Warning  //warning.log
Trace    //trace.log
Debug    //debug.log

这是我的可观察

的设置代码
    //save the in-memory stream as a local variable so it returns the same instance
    let current$ = this.$loggerService.applicationLog$

    this.logs$ = this.logSeveritySubject
        .asObservable()
        .startWith(this.applicationLogName) //the currently selected value
        .flatMap((fileName: string) => {
            if (fileName === "current") {
                return current$;
            }

            return this.$localStorageService.readAsStringAsync(filename).map((s) => {
                let a: any[] = s.split(/\r\n|\r|\n/).filter(n => n.length > 0);
                return a.reverse();
            });
        })
        .merge(this.clearLogSubject.asObservable()) //used to reset the scan back to an empty array
        .scan((x, y) => {
            if (y === null) return [];
            return y.concat(x);
        }, []);

现在,当用户选择新值时,我会通过主题

推送新的日志文件名
this.clearLogSubject.next(null); //reset the scan back to an empty array
this.logSeveritySubject.next(this.applicationLogName); //read from the user selected option

我遇到的问题是,在两个流之间切换开始返回重复的条目(因为内存中的流可能永远不会完成?)。这让我认为当return current$;多次运行时,它实际上会将同一个实例多次放入最终的可观察流中。

也许有更好的方法来编码。我基本上希望用户选择要查看的日志源。唯一需要注意的是内存中的observable永远不会关闭,因为它可以随时写入。

1 个答案:

答案 0 :(得分:3)

您正在使用flatMapmergeMap的别名)来合并来自所有可观察对象的事件,因此会出现重复的条目。请改用switchMap,因为它仅使用上次可观察的事件。