在Angular RXJS中添加可观察到的可观察返回的部分数据

Question

在我的代码中，我需要使用计时器（500）添加延迟。但是问题是它返回部分数据。它正在返回2个字段，而实际数据有17个字段。我附上了代码。请看看。谢谢

返回的价值：

 ['booking_display_id', 'edit']

期望值：

 ['booking_display_id', 'bookingstatus', 'b_contactname', 'member', 'b_emailaddress', 'b_mobilenumber', 'startdate', 'enddate', 'duration', 'bookingguest', 'guestnotes', 'vouchers', 'paypalpaymentpdt', 'totalCost', 'canPay', 'canCancel', 'edit']

 this.displayedColumns = combineLatest(this.table.columns.reduce((observables: Observable<boolean>[], col) => {
  // handle showIf property of column
  const show = col.showIf(this.injector, this.route.queryParamMap);
  observables.push(show instanceof Observable ? show : of(show));
  return observables;
}, []), timer(500)).pipe(
  map(showCols => {
    const cols = this.table.columns.filter((c, i) => showCols[i])
      .map(c => c.id);
    this.editEnabled && cols.push('edit');
    this.deleteEnabled && cols.push('delete');
    console.log('cols', cols)
    return cols;
  })
 );

Answer 1

您的问题是，您通过了一系列可观察到的东西，以及另一个可观察到的combineLatest。但是，它只需要一系列可观察到的（1维数组）。因此，您需要用另一个combineLatest包裹您的减少，或者将它们传播（=＆gt; [... obs，timer] obs obs将是您的降低）。

这是您简化的当前调用，

combineLatest([
    [of(1), of(2), of(3)],
    timer(500)
]);

---

我建议您使用传播操作员构建一个新数组，或者您可以使用另一个combineLatest，因为它是另一个可观察到的数组。

---

另外，我建议您使用delay而不是计时器（

如果您希望将值与计时器分开， 则仅运行一次）
bombineLatest（[combineLatest（.. obs），计时器]）

combineLatest([
    combineLatest([of(1), of(2), of(3)]),
    timer(500)
]).pipe(
    map(([yourValues, timer]) => {
        // ...
    })
)

如果您不希望将值与计时器分开
CombineLatest（[.. obs，timer]）

combineLatest([
    ...[of(1), of(2), of(3)],
    timer(500)
]).pipe(
    map(([yourValuesWithTimer]) => {
        // ...
    })
)