Skip to content

🟠 Wrap Function Pipe

Challenge #9

Created by Thomas Laforge

Challenge #9

The goal of this series of 3 pipe challenges is to master PIPES in Angular.

Pure pipes are a very useful way to transform data from your template. The difference between calling a function and a pipe is that pure pipes are memoized. So they won’t be recalculated every change detection cycle if their inputs haven’t changed.

Information:

In this second exercice, you are calling multiple functions inside your template. You can create a specific pipe for each of the functions but this will be too cumbersome. The goal is to create a wrapFn pipe to wrap your callback function though a pipe. Your function MUST remain inside your component. WrapFn must be highly reusable.

Constraints:

  • must be strongly typed