angular - not - ionic input

Ionic-3 no puede encontrar la pipa

Question

Acabo de actualizar a Ionic 3.0.1 por lo que puedo usar LazyLoading , y desde entonces no puedo usar mis Pipes personalizados:

import { Pipe, PipeTransform } from ''@angular/core'';
@Pipe({
name: ''StripHTML''
})
export class StripHTML implements PipeTransform {
transform(value, args) {
let striped = value.replace(/(<([^>]+)>)/g, "");
if (args != null) {
if (args.split != null) {
striped = striped.split(args.split);
if (args.index != null) {
striped = striped[args.index];
}
}
}
return striped;
}
}

y en app.module.ts lo he agregado a las declaraciones:

@NgModule({
declarations: [
........,
StripHTML
],
...

Ahora, cuando estoy intentando usarlo en la plantilla html produce un error:

core.es5.js:1085 ERROR Error: Uncaught (in promise): Error: Template parse errors:
The pipe ''StripHTML'' could not be found ("
<ion-card-content>
<ion-card-title style="font-size: 100%">
{{ [ERROR ->]product.title | StripHTML }}
</ion-card-title>
</ion-card-content>
"): ng:///HomeModule/Home.html@33:17

¿Hay algo que me esté perdiendo aquí?

Answer 1

Lo que debe hacer es simplemente importar el PipesModule (línea 12 en el siguiente fragmento de código) en cada archivo de page.module.ts (es decir, home.moodule.ts) ...

import { NgModule } from ''@angular/core'';
import { IonicPageModule } from ''ionic-angular'';
import { LoginPage } from ''./login'';
import { PipesModule } from ''../../pipes/pipes.module'';
@NgModule({
declarations: [
LoginPage,
],
imports: [
IonicPageModule.forChild(LoginPage),
PipesModule
]
})
export class LoginPageModule { }

Esto funcionó para mí.

Answer 2

así que solucioné este problema haciendo un PipesModule en el que PipesModule mis Pipes personalizados, luego lo module.ts en el module.ts la página. Quiero usarlo en

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

y luego en la página | HomePage como ejemplo:

import { NgModule } from ''@angular/core'';
import { IonicPageModule } from ''ionic-angular'';
import { Home } from ''./home'';
import { PipesModule } from ''../../pipes/pipes.module'';
@NgModule({
declarations: [
Home,
],
imports: [
IonicPageModule.forChild(Home),
PipesModule
],
exports: [
Home
]
})
export class HomeModule { }

y funcionó bien, no estoy seguro si esta es la forma correcta o no, pero funcionó bien, por favor, hágamelo saber si hay una mejor manera ... ¡gracias!