根据其中的属性选择性地订阅 Observable

Question

所以基本上我有一个Observable，当其中的给定属性设置为true时，我想仅订阅它。

情况是我将搜索结果存储在redux 状态，并将它用于我的快速搜索组件和完整结果组件。每次击键的快速搜索自动搜索（带去抖动）和“快速结果”显示在下拉列表中。当您按 Enter 键（或单击“搜索”按钮）时，您将被重定向到完整结果，当在完整结果中，如果用户在快速搜索中搜索新内容直到他按 Enter 键，我不想更新完整结果.所以这就是状态：

state = {
    fullResults: boolean,
    results: SearchResult
}

我找到了takeWhile 方法，并认为这意味着我只会在条件为真时订阅，因此尝试了这个：

search$.takeWhile((state) =>  state.fullResults).subscribe((state) => {
  this.search = state;
})

但是，这仍然会订阅每个更改。我不确定我是否误解了takeWhile 的使用，或者我是否执行错误。如果这是预期目的，我做错了什么？如果没有，还有其他方法可以实现吗？

旁注

我正在使用@angular-redux/store，它有一个很棒的@select 装饰器，我注意到它有一个comparable 参数，这也可以用来选择性地订阅吗？

Answer 1

所以基本上我有一个 Observable，我只想在其中的给定属性设置为 true 时订阅它。

您以错误的方式陈述了问题。你应该说的是：

我有一个 Observable，我只想订阅其中给定属性为 true 的元素。

“只有那些元素”是由filter 操作符实现的，它应用于一个可观察对象，并产生一个过滤的可观察对象。所以要完成你想要的，创建一个新的 observable，它根据所需的属性过滤底层的 observable，然后订阅它：

// Create a filtered observable.
const filteredSearch$ = search$.filter(state => state.fullResults);

// Subscribe to the filtered observable.
filteredSearch$.subscribe(state => this.search = state);