Custom Pipe Ionic 3 | Pipe Not Found

Ionic Framework ionic-v3
1

Hi Everyone I need help, I have problem with pipe in Ioni 3, I’ve been following this thread Pipe Globaly and Cant find pipe ionic 3 But still no luck all i Get is The Pipe separator not work, I’m generating my pipe using ionic g pipe separator I use my pipe like this in my html

{{string | separator}}

my separator.ts (custom pipe)

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

/**
 * Generated class for the SeparatorPipe pipe.
 *
 * See https://angular.io/api/core/Pipe for more info on Angular Pipes.
 */
@Pipe({
  name: 'separator',
})
export class SeparatorPipe implements PipeTransform {
  /**
   * Takes a value and makes it lowercase.
   */
  transform(value: string, ...args) {
    return value.toLowerCase();
  }
}

My pipemodule autogenerated from the command ionic g pipe separator

import { NgModule } from '@angular/core';
import { SeparatorPipe } from './separator/separator';
@NgModule({
    declarations: [SeparatorPipe],
    imports: [],
    exports: [SeparatorPipe]
})
export class PipesModule {}

my page.module.ts

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { InfaqPage } from './infaq';
import { PipesModule } from '../../pipes/pipes.module';

@NgModule({
  declarations: [
    InfaqPage,
  ],
  imports: [
    IonicPageModule.forChild(InfaqPage),
    PipesModule
  ],
})
export class InfaqPageModule {}

Any Idea why it doesnt work?

1 Like
2

Explain what this means.