Таблица фильтрации с ngFor в Angular 5

Question

Необходимо реализовать различные фильтры данных в Angular Application, в котором данные отображаются с использованием таблиц и ngFor. Прошли различные способы, такие как различные способы с использованием Pipe in Type Script, но обнаружили, что в угловых документах не рекомендуется использовать каналы. Если это так, то каков наилучший вариант для реализации нескольких фильтров в Angular? . Любопытно узнать о решениях ..

Answer 1

да, это очень обескураживает и убивает производительность, используя pipe в ngFor,

только для фильтрации или сортировки списков, так как для этого нет встроенных каналов в angular.это потому, что они работают плохо и предотвращают агрессивную минимизацию, что означает, что он удаляет все ненужные символы из исходного кода без изменения его функциональности.Фильтрация и особенно сортировка - дорогостоящие операции.

Команда Angular и многие опытные разработчики Angular настоятельно рекомендуют перенести логику фильтрации и сортировки в сам компонент.

всегда лучше создавать свои собственные такие каналы

есть много таких примеров для этого онлайн в Интернете, а команда угловых также очень хорошо объяснила это здесь

Надеюсь, вы понимаете, и эта проблема производительности толькодля сортировки и фильтрации труб, а не на встроенных трубах, таких как дата и т. д.

Answer 2

Определите ваш фильтр как QueryArray, каждый элемент массива имеет поле, оператор и значение, затем для любого элемента цикла добавьте или обновите его до QueryArray