rxjs observable.of(object) 返回 {“_isScalar”: “”, “value”: {}, “scheduler”: “” } 而不是 value

Question

我对 rxjs 相当陌生。

我尝试创建一个运行 angular 2 http 请求的函数，如下所示：

syncFromApi$() {

  // create Headers
  ...

  let ob$ = this.http.post(
    CONFIG_APP.apiEndpoint + '/sync/app',
    '',
    { headers: headers }
  )
  .map((response:Response) => {
    return Observable.of({type: "success", payload: response.json()});
  })
  .catch(function (err:Response) {
    return Observable.of({type: "error", payload: err.json()});
  });

  return ob$;
}

简而言之，当成功时，我返回一个对象，指示请求是否成功。 之后我想根据返回的对象切换地图：

let o$ = syncFromApi$()
  .switchMap((value) => {
    console.log("value", JSON.stringify(value, null, 0));
    if (data.type === 'success') {
      return Observable.of(1);
    } else if (data.type === 'error') {
      return Observable.of(2);
    }
  });

这就是我面临的问题。 console.log(...) 输出这样的对象：

value, {"_isScalar": true, "value": THIS_IS_WHAT_I_NEED_AS_VALUE, "scheduler": null}

但我只需要使用 syncFromApi$ 函数返回的对象。

谁能向我解释一下，如果我以错误的方式使用observable.of() ？

我试过observable.of(1)并且它返回 1 作为值。 如果我使用一个对象（ observable.of({ type: "myType", message: "myMessage" }) ），它会返回一个对象，用键“_isScalar”、“value”和“scheduler”包装我需要的对象。

提前致谢。

Answer 1

您的问题出在您的map运算符中：

let ob$ = this.http.post(
  CONFIG_APP.apiEndpoint + '/sync/app',
  '',
  { headers: headers }
)
.map((response:Response) => {
  return {type: "success", payload: response.json()}; // <----
})

您需要返回一个对象而不是可观察对象。 map操作符按原样使用对象，并且不会将返回的 observable 投影到 observable 链中。

如果由于某些原因要返回Observable.of ，则需要改用flatMap运算符：

let ob$ = this.http.post(
  CONFIG_APP.apiEndpoint + '/sync/app',
  '',
  { headers: headers }
)
.flatMap((response:Response) => {
  return Observable.of({type: "success", payload: response.json()});
})

这对catch操作符来说很好，因为它期望一个可观察对象返回到其关联的回调中。