Angular 5 not able to find custom pipe

Question

Everywhere I can find says that you only need to declare it in the module file what am I missing? If anyone needs more information I can add whatever is needed

Pipe file:

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'partnersearch'
})
export class PartnerPipe implements PipeTransform {

    transform(value: any, args?: any): any {
        if (value.startsWith("::ffff:")) value = value.slice(7);
        return value;
    }

}

module.ts file (they are in the same folder):

import { PartnerPipe } from './partner.pipe';

@NgModule({
imports: [],
declarations: [
    PartnerPipe
]})

html:

{{ partner | partnersearch }}

Possible duplicate of Angular2: custom pipe could not be found — Igor
– Igor, Commented Jun 15, 2018 at 18:01
possible duplicate comment. I've already tried both of those with no luck. Also the angular 2 one uses an extra file which I dont — amedeiros
– amedeiros, Commented Jun 15, 2018 at 18:07

Ulrich Dohou · Accepted Answer · 2018-06-15 18:13:07Z

3

You should also export it if it is in a shared module.

import { PartnerPipe } from './partner.pipe';

@NgModule({
  declarations: [
    PartnerPipe 
  ],
  exports: [
    PartnerPipe
  ]
})

answered Jun 15, 2018 at 18:13

Ulrich Dohou

1,55914 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Teddy Sterne · Accepted Answer · 2018-06-15 18:01:59Z

2

You need to declare it in the module so that the components can use it.

import { NgModule } from '@angular/core';
import { PartnerPipe } from './partner.pipe';

@NgModule({
  declarations: [PartnerPipe],
})
export class MyModule {}

answered Jun 15, 2018 at 18:01

Teddy Sterne

14.3k2 gold badges49 silver badges52 bronze badges

1 Comment

Ulrich Dohou Over a year ago

@amedeiros so make sure to post everything required

Collectives™ on Stack Overflow

Angular 5 not able to find custom pipe

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related