Как настроить фильтры нескольких клиентов для совместной работы

Question

Я реализовал угловую таблицу с фильтром, каждый столбец имеет собственный фильтр, но как каждый фильтр может работать вместе.

Например: у меня есть таблица, в которой каждый столбец имеет собственный фильтр:

просто так: https://stackblitz.com/edit/angular-hbakxo-e4njon?file=app%2Ftable-filtering-example.ts

идентификатор и имя, если я выберу 1,2,3 в этом множественном выборе и укажите чаевые в столбце имени. он должен показывать результат, который подходит для обоих входов фильтра. Как изменить код для подхода?

Answer 1

Я построил @matheo/datasource с учетом такого рода сложности, поэтому я хотел иметь возможность инициировать изменения в источнике данных из нескольких источников (потоков изменений фильтров), создавать запрос в зависимости от состояния фильтров и получать соответствующие данные, с легкостью.

Я выпустил эту библиотеку, чтобы сделать это, чтобы вы могли зарегистрировать столько входных потоков, сколько вам нужно, создать свой объект запроса, извлечь соответствующие данные с помощью службы базы данных и опубликовать результат в DataSource перед его отображением. в mat-table.

Я построил демо и объяснил концепции здесь:
https://medium.com/@matheo/reactive-datasource-for-angular-1d869b0155f6

Прямо сейчас я со своего телефона, но если вам интересно, я могу помочь вам настроить ваши фильтры, если вы предоставите достаточно полный SlackBlitz, чтобы я мог вставить туда библиотеку:)

Удачного кодирования!