Observables:flatMap随机不触发

时间:2017-09-12 22:20:39

标签: javascript angular rxjs observable flatmap

我遇到了flatMap运算符的随机行为,我找不到原因。有时它会触发,有时它不会......

情况如下: 用户可以更改我的应用程序中的语言,因此我的语言(由选择列表触发)上的BehaviorSubject作为其提供者可观察的方式返回。当有变化时,我调用(通过flatMap)一个http请求来获取所选语言的数据。

看起来像这样:

this.languageProvider.getLang$().flatMap(langCode => {
  return this.http.get(`https://SERVER_URL.net/datas?lang=${langCode}`)
  .map(data => data.json())
})
.subscribe(
  data => {
    // do smth
  },
  err => {
    // do smth
  }
);

问题是,当我更改语言时,通常不会触发http调用。

如果我添加一个简单的订阅它总是有效...

this.languageProvider.getLang$().subscribe(langCode => {
  console.log(langCode);
});

我知道为什么会遇到这个问题?

这是languageProvider:

import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';
import { Observable } from 'rxjs/Observable';

@Injectable()
export class LanguageProvider {
  private lang$: BehaviorSubject<string>;

  constructor() {
    this.lang$ = new BehaviorSubject('en');
  }

  setLang(langCode: string) {
    this.lang$.next(langCode);
  }

  getLang$(): Observable<string> {
    return this.lang$.asObservable();
  }
}

非常感谢

1 个答案:

答案 0 :(得分:1)

好的,修好了。

实际上并非随机......

在我的(简化)片段中,我没有写下我如何处理服务器响应。实际上,如果我尝试获取服务器上未更改的数据,我可以收到304状态代码(我这样做是为了避免每次用户启动应用程序时都下载服务器数据)

事实上,我必须在错误回调中处理304,因为angular将299以上的所有内容都视为错误。

我不知道的是错误回调是在杀死我的观察者。所以伪“随机”行为实际上是: - 如果我试图在不改变语言的情况下重新加载应用程序,那么我得到了304,所以可观察到的被杀死了 - 如果我在更改语言后尝试重新加载应用程序,则应用程序将获取此语言的数据并获得200.因此,观察栏将继续工作

也许这会对某人有所帮助。 干杯