在 Angular NGXS 中搜索来自不同组件的数据

Question

我正在尝试弄清楚如何从不同的组件在 NGXS 中进行搜索。当我显示来自不同组件的应用程序组件的数据时，我有来自导航栏组件的搜索栏。 请看这个 stackblitz link CLICK HERE

CODE

this.peopleForm.get('name').valueChanges.pipe(debounceTime(500)).subscribe(
  (name: string) => {
    console.log(name);
    this.people$ = this.store.select(AppState.nameFilter(name));
  }
)

Answer 1

查看您的 StackBlitz，您似乎正在尝试根据 peopleForm 输入元素中输入的内容来过滤列表。

与其尝试在组件中的此值发生变化时从存储中返回 select，我发现对这个问题建模的一种好方法是将 'search text' 存储在状态中，并且使用 @Selector 将当前搜索值应用于列表 returns 那些符合条件的项目。

看看这个 ，我在其中概述了这种方法。