javascript - 从函数返回 Observable

Question

我在 typescript 中有以下功能:

getConfigurations() {
    let sessionConfig = sessionStorage.getItem('config');
    if(config)
        return of(sessionConfig);
    else {
        this.dataService.getRoute('configurations').subscribe(
        route => this.http.get<any[]>(route.ToString()).subscribe(
            result => {
                sessionStorage.setItem('config', result);
                return of(result);
            },
            error => {
                alert(error);
            }),
        error => {
            alert(error);
        }
        );
    }
}

如果 sessionStorage 键已经存在，该函数应返回一个字符串，或者使用 dataService 从后端检索该值，然后在 session 中设置该值。我也想返回 sessionStorage 中设置的值(结果)，但我找不到方法。

dataService 的 getRoute 函数是:

getRoute(service: string){
    return this.http.get('urlToMyBackendWebApi');
}

其中 http 是 Angular HttpClient。

如何获取 getConfigurations() 返回的值？

我尝试订阅 getConfigurations。我对 if 条件没有问题(返回字符串 sessionConfig)，但如何从 else 条件获取结果？我应该返回整个部分的可观察值吗？在这种情况下，我如何读取返回值？

Answer 1

不要订阅可观察对象，返回它，并使用tap运算符来存储响应:

getConfigurations() {
    let sessionConfig = sessionStorage.getItem('config');
    if(config)
        return of(sessionConfig);
    else {
        return this.dataService.getRoute('configurations').pipe(
          mergeMap(route => this.http.get<any[]>(route.ToString()),
          tap(result => sessionStorage.setItem('config', result))
        );
    }
}