Activity

Create a custom Pipe called CleanPipe for use in the Joke application which replaces instances of a bad word with $%#@! instead.

We want to pass into the pipe the list of bad words which we want replace, like so:

<p>{{data.punchline | clean:'boo,damn,hell'}}</p>

Steps

Fork this plunker:

Flesh out the CleanPipe class to implement the functionality.

Read any TODO comments in the plunker for hints.

Solution

When you are ready compare your answer to the solution in this plunker:


Learn Angular 5 For FREE

I've released my 700 page Kick Starter funded Angular 5 book for FREE