angular - 在 Angular NGXS 中从不同组件中搜索数据

Question

我试图弄清楚我将如何从不同的组件中搜索 NGXS。我有来自导航栏组件的搜索栏，而我正在显示来自不同组件的应用程序组件的数据。请看这个 stackblitz 链接 点击这里

代码

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输入元素中输入的内容过滤列表。

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

看看这个我已经概述了这种方法的答案。