Angularfire2可观察的递归

时间:2018-10-29 20:23:26

标签: angular firebase recursion rxjs angularfire2

我试图通过循环浏览文档并抓住其父母来创建“面包屑”列表。我的数据结构如下所示:

存储单位:

  • 父级:DocumentRef到另一个存储单元。

我正在尝试对单个单元的父级树进行排列。我正在尝试使用递归,因为我认为这是最简单的方法。我知道如果没有可观察到的东西,它将类似于以下内容:

// Unit is an observable returned by valueChanges()
recurseParents(unit){
  if (unit === null) {
    return;
  }
  // Titles array defined onInit in Angular
  this.titles = [...unit, this.titles];
  recurseParents(this.unitService.getUnitById(unit.parent));
}

对于Angularfire2的可观察对象,我不确定如何实现。我尝试在订阅中执行相同的步骤,有时会产生奇怪的行为,甚至在调用订阅之前执行.take(1)。

最终目标是这样:

[{root parent}, {sub parent 1}, {sub parent 2}, {original document}]

1 个答案:

答案 0 :(得分:2)

您可以使用.expand()运算符,它只是一个衬里:

expand(unit => unit === null ? empty() : this.unitService.getUnitById(unit.parent))

注意:empty()返回一个可观察值,该观察值为空,并立即终止流。

因此,您可以按照以下方式做一些事情:

let rootDoc$ = of(this.titles) //assign to the observables of your DocumentRef

rootDoc$
    .pipe(
        expand(unit => unit === null ? empty() : this.unitService.getUnitById(unit.parent))
    )
    .subscribe(unitValues => {
        this.titles = [...unitValues, this.titles];
    })