从 Angular NGXS 中的不同组件搜索数据

我试图弄清楚如何从不同的组件中搜索 NGXS。当我从应用程序组件（这是一个不同的组件）显示我的数据时，我有来自导航栏组件的搜索栏。 请参阅此 stackblitz 链接点击这里 https://stackblitz.com/edit/ngxs-searching-different-component?file=src/app/navbar/navbar.component.html

CODE

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

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

当组件中的值发生变化时，我没有尝试从存储中进行选择，而是找到了一个模拟此问题的好方法，即将“搜索文本”存储在状态中，并使用@Selector将当前搜索值应用于列表会返回满足条件的项目。

看看这个answer https://stackoverflow.com/questions/55753415/search-filter-state-ngxs我概述了这种方法。