🟢Чистый пайп
Информация
Это первое испытание про @Pipe()
из трех, цель этой серии испытаний - освоить работу с pipes в Angular.
Пайпы - удобный способ трансформации данных в вашем шаблоне. Разница между вызовом функции и пайпом заключается в том, что результат, возвращаемый чистыми пайпами, кэшируется. Таким образом, они не будут пересчитываться при каждом цикле обнаружения изменений, если их входные значения не изменились.
Pipes разработаны так, чтобы быть эффективными и оптимизированными для производительности. Они используют механизмы обнаружения изменений, чтобы пересчитывать значение только в случае изменения входных данных, минимизируя ненужные вычисления и улучшая производительность рендеринга.
По умолчанию пайпы чистые, но вы должны знать, что установка pure
в false может привести к неэффективности, поскольку это увеличивает количество перерисовок.
Существуют несколько полезных предопределенных пайпов, таких как DatePipe, UpperCasePipe и CurrencyPipe. Чтобы узнать больше о пайпах в Angular, ознакомьтесь с документацией API здесь.
Пояснение
В этом упражнении необходимо превратить вызов функции в шаблоне в использование пайпа.
Ограничение
- Пайп должен быть типизирован.