Angular6：RxJS switchMap 运算符未按预期工作

发布于01月12日

在我的ANGLE 6应用程序中，我希望在它之前过滤switchMap以获得内部可观察性，如下所示:

基本上，我想要做的是，如果store Select 器为我提供了给定字符串的相关数据，我将使用switchMap中的响应来激发内部可观察对象，并进行订阅.

这里的 idea 是，如果过滤成功，则使用switchMap查找过滤器响应的数据

 this._store.pipe(select(getDetails)).pipe(map((details: detail[]) => {
    return of(details.filter(({ tagName }) => tagName ===this.videoTagName))})
   switchMap((data:detail)=>this._store.pipe(select(getVideosByID(data.contentIds[0]))))).subscribe(data=>{
      console.log("Data",data)
   })

上面的代码给出了以下错误:

Type 'detail' is missing the following properties from type 'Observable<detail[]>': _isScalar, source, operator, lift, and 10 more.ts(2345)

combineLatest个人在这里能帮上忙吗？或者一些我只需要做switchMap的事..？

this._store.pipe( select(getDetails), map((details: Detail[]) => details.find( ({ tagName }) => tagName === this.videoTagName )), switchMap((detail: Detail) => this._store.pipe( select(getVideosByID(detail.contentIds[0])), )), ).subscribe(data => console.log("Data", data));

Angular6：RxJS switchMap 运算符未按预期工作

推荐答案

Angular相关问答推荐

Goto锚定在嵌套容器中，具有溢出自动

在Angular 17中加载页面时打开打印对话框

在不使用散列(#)路由的情况下刷新Angular 8的SPA时，删除404错误

是否可以将Angular 路由配置为在点击带有本地人力资源S的锚点时更新Angular 路由？

茉莉花-模板中调用了如何判断角管

无效的ICU消息.缺少'；}'；｜Angular material 拖放(&A)

代码优化以删除Angular中的嵌套订阅

@ngrx/调度时未定义存储操作

当在server.ts文件中定义API路径时，Angular 17构建失败

Angular p-triStateCheckbox for each Select 更改不同的 colored颜色

NGX-Translate如何不得到404？

如何在 Angular 中创建通用的可重用组件

Renderer2.appendChild 没有按预期工作？

如何使用 Angular 12 material 验证密码和确认密码？

根据变量值更改按钮样式

将数组传递给 URLSearchParams，同时使用 http 调用获取请求

如何设置Angular 4背景图片？

找不到模块'@angular/compiler'

带有 Angular 的 Font Awesome 5

如何使用 Angular 6 工作的 ngModel 创建自定义输入组件？