Поиск данных из разных компонентов в Angular NGXS

Question

Я пытаюсь выяснить, как я могу искать в NGXS из другого компонента.У меня есть панель поиска из компонента navbar, в то время как я отображаю свои данные из компонента приложения, который является другим компонентом.Пожалуйста, посмотрите эту ссылку на стек ЩЕЛКНИТЕ ЗДЕСЬ

КОД

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, который применяет текущее значение поиска к списку, возвращает те элементы, которые соответствуют критериям.

Взгляните на этот ответ , где я изложил этот подход.