将 rxjs5 运算符转换为 rxjs6

Question

我有以下用 rxjs5 编写的代码，它与 rxjs6 不兼容

有人可以帮我用 rxjs 6 写吗

它失败的 mergemap 接收 groupedObserable，它没有计数方法，也不存在过滤方法。

list [

{id: '1', type: 't1',  name: 'f1', des:'d1', selected: true},
{id: '2', type: 't1',  name: 'f2', des:'d2', selected: false},

{id: '3', type: 't1',  name: 'f11', des:'d11', selected: false},
{id: '4', type: 't1',  name: 'f22', des:'d22', selected: true},
]

Observable.from(list)
.filter(a => a.name != null)
.groupBy(i => i.type)
.mergeMap(list => {
let count = list.count;
let selectedCount = 0;
list.filter( f => f.selected).count.subscribe(c => selectedCount = c)
return count.map(count =>  {
   {
     key: list.key,
     totalCount: count,
     selected: selectedCount
   }
}
}).reduce((x, y) => {
x.isValid = x.selectedCount > 0 
return x;
}).subscribe(r => {
  console.log(r + 'any item selected')
}
)

当我尝试用 rxjs6 编写时，我只能取得进展，直到这里提前致谢。

from(list)
    .pipe(
    filter( s=> s.name != null) ,
    groupBy(i => i.type),
    mergeMap( (value, index) => {
      value.count // that's where it starts to fail
    }
    ))

Answer 1

等效的 rxjs6 代码应该是这样的：

from(list)
      .pipe(
        filter(a => a.name != null),
        groupBy(i => i.type),
        mergeMap((p) => {
          return p.pipe(
                    filter(f => f.selected),
                    count(),
                    mergeMap(c => {
                      return p.pipe(
                        count(),
                        map(totalCount => {
                          return {
                            key: p.key,
                            totalCount: totalCount,
                            selected: c
                          };
                        })
                      );
                    })
                );
        }),
        reduce((x, y) => {
          //please adjust your code here as i could not see isValid on x
          x.isValid = x.selectedCount > 0; 
          return x;
         })
      ).subscribe(r => {
        console.log(r + 'any item selected')
      }
      )

希望它给出了如何进行的想法。

将 rxjs5 运算符转换为 rxjs6

convert rxjs5 operators into rxjs6

rxjs

rxjs5

rxjs6