缓存发射值可观察到的依赖性但不可观察的源

Question

我目前正在实施一项新功能。该应用程序希望给卖方一个管理员可以看到各种东西。他们在仪表板上可以看到的一件事的一个例子是他们的最后10个订单。

该订单的API仅返回各种ID的数组（客户ID，产品ID，卖方ID等），以填充订单页面，我必须对每个订单进行3个不同的API调用，以使数据获取数据以呈现订单 现在，我必须创建一个与订单列表页面不同的仪表

板，我不想再次进行如此乏味的API调用。我想创建一个仪表板$可观察的，该仪表列表具有订购列表$的最后一个发射值，但我不希望订阅订单列表$的任何内容。 因此，当调用订单列表$时，它从服务器获得了最后的订单列表数据（我感觉不像订单列表一样敏感），当调用仪表板$时，获得订购列表$的最后发射值，如果订购列表$尚未发出任何值，然后仪表板$可以提出检索订单列表的请求。

Answer 1

在具有反应性状态时，我喜欢根据事件定义应该发生的事情。我的意思是，我将拥有一个主题，其中可以将值推入通知事件，从那里我们可以对这些事件做出反应。

就您而言，这是您想要的想法：

const navigationToOrdersPage$ = new Subject<void>();
const refreshOrdersButtonClicked$ = new Subject<void>();

const orders$: Order[] = merge(
  navigationToOrdersPage$,
  refreshOrdersButtonClicked$
).pipe(
  switchMap(() => yourOrderService.getOrders()),
  shareReplay({
    bufferSize: 1,
    // make sure that even if we don't have anyone subscribed to that observable
    // we keep the result in the cache and if we ever go to the orders page or click
    // on the refresh button it'll be updated anyway but with this it's safe to navigate
    // to another page than orders and the dashboard and if you go back to the dashboard
    // you'd still get an instant result
    refCount: false,
  })
);

因此，在管理员和仪表板页面上都可以重复使用此观察到的安全性。当然，在适当的情况下，您需要在两个主题上调用下一个，以便在需要时可以刷新订单。