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

Question

我正在尝试弄清楚如何从不同的组件搜索NGXS。当我显示来自应用程序组件的数据时，我从导航栏组件中获得了搜索栏，这是一个不同的组件。 请参阅此堆栈闪电战链接 点击这里

法典

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，而不是尝试从存储中进行选择。

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