Skip to content

๐ŸŸ  Wrap Function Pipe

Challenge #9

Created by Thomas Laforge

The goal of this series of 3 pipe challenges is to master pipe 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