How to use custom pipes in Angular 2

Question

So I was following this post access key and value of object using *ngFor

However I'm getting a 'pipe could not be found error'.

• I've done this @Pipe({name: 'keys'})

• I've exported the class.

• I've imported it in my app.module.ts

• I've put it in the declarations

• I've included it in my app.component.ts (where I'm using it)

What else am I missing?

Answer 1

Create pipe using below command: ng g p double

if you are using angular2 cli then only you need to add filter like `{{ mytext | double }} in your template html.

There is no need to add file in your component but check the pipe should be included in app.module.ts @NgModule({declarations: [DoublePipe]}) .

Answer 2

Have you put it in your AppModule's providers list?