Таблица фильтрации с помощью ngFor в Angular 5

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


typescript angular angular-filters
person Suhail Moideen    schedule 28.05.2018    source источник
comment
где вы нашли это нашли в документах angular, что не рекомендуется использовать каналы   -  person Anuradha Gunasekara    schedule 28.05.2018
comment
Обратитесь по этой ссылке. Я надеюсь, что это поможет вам. Ссылка   -  person Manish Vadher    schedule 28.05.2018
comment
@AnuradhaGunasekara Ссылка   -  person Suhail Moideen    schedule 28.05.2018
comment
@SuhailMoideen Надеюсь, этот ответ будет вам полезен. stackoverflow.com/questions/ 46780843/   -  person Chintan Kotadiya    schedule 28.05.2018

Ответы (2)


arrow_upward
0
arrow_downward

да, это очень обескураживает и убивает производительность с помощью пайпа в ngFor,

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

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

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

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

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

person Hrishikesh Kale    schedule 28.05.2018

arrow_upward
0
arrow_downward

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

person sepideh dalirpour    schedule 28.05.2018