Пропустить до содержимого
angular challenges logo Angular Challenges

🟢Чистый пайп

Испытание #8

Создано Thomas Laforge

Информация

Это первое испытание про @Pipe() из трех, цель этой серии испытаний - освоить работу с pipes в Angular.

Пайпы - удобный способ трансформации данных в вашем шаблоне. Разница между вызовом функции и пайпом заключается в том, что результат, возвращаемый чистыми пайпами, кэшируется. Таким образом, они не будут пересчитываться при каждом цикле обнаружения изменений, если их входные значения не изменились.

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

По умолчанию пайпы чистые, но вы должны знать, что установка pure в false может привести к неэффективности, поскольку это увеличивает количество перерисовок.

Существуют несколько полезных предопределенных пайпов, таких как DatePipe, UpperCasePipe и CurrencyPipe. Чтобы узнать больше о пайпах в Angular, ознакомьтесь с документацией API здесь.

Пояснение

В этом упражнении необходимо превратить вызов функции в шаблоне в использование пайпа.

Ограничение

  • Пайп должен быть типизирован.

Контрибьюторы

Спасибо всем контрибьюторам которые помогли сделать эту документацию лучше!

  • stillst