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](https://stackoverflow.com/questions/40457744/angular2-custom-pipe-could-not-be-found) — Igor, Jun 15 '18 at 18:01
Possible duplicate of [Angular custom pipe not be found](https://stackoverflow.com/q/45098278/1260204) — Igor, Jun 15 '18 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, Jun 15 '18 at 18:07
Oh sorry do you mean is the Pipe in a share pipe file? If that is what your asking no, sorry for the confusion — amedeiros, Jun 15 '18 at 18:12
So what are you expecting and what are you getting as result ? — Ulrich Dohou, Jun 15 '18 at 18:15

score 3 · Answer 1 · answered Jun 15 '18 at 18:13

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 '18 at 18:13

Ulrich Dohou

1,509
14
25

score 2 · Answer 2 · answered Jun 15 '18 at 18:01

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 '18 at 18:01

Teddy Sterne

13,774
2
46
51

@amedeiros so make sure to post everything required – Ulrich Dohou Jun 15 '18 at 18:07

Angular 5 not able to find custom pipe

2 Answers2