Ionique-3 ne Peut pas trouver de Tuyau

J'ai juste mis à niveau vers Ionic 3.0.1 si je peux utiliser le LazyLoading , et, depuis, je ne peux pas utiliser mes personnalisé Pipes :

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;
  }
}

et dans app.module.ts j'ai ajouté à ces déclarations :

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

maintenant, quand suis en train de l'utiliser dans le html modèle, il erreurs:

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

est-ce que je suis en manque ici?

  • J'ai une erreur similaire depuis la migration : impossible de trouver le nom de 'PipeTransform'
InformationsquelleAutor Abanoub | 2017-04-08
  1. 28

    j'ai donc résolu ce problème en faisant un PipesModule où je importer mes personnalisé Pipes dans, puis de l'importer dans la page module.ts que je veux l'utiliser sur

    import { NgModule } from '@angular/core';
import { StripHTML } from './strip-html';

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

  ],
  exports: [
    StripHTML
  ]
})
export class PipesModule { }

    et puis, dans la page | HomePage comme un exemple:

    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 { }

    et il l'a fait, beau travail , vous ne savez pas si c'est la manière correcte ou pas , mais il a bien fonctionné, s'il vous plaît laissez-moi savoir si il ya une meilleure façon... merci!

    • Cela fonctionne, mais il nécessite l'ajout de la PipesModule à chaque Page.module.ts
    • cela semble être la façon dont Angular4 veut que nous suivions, pas encore sûr!
    InformationsquelleAutor Abanoub
  2. 18

    Ce que vous devez faire est de simplement importer les PipesModule(ligne 12 dans l'extrait de code ci-dessous) à votre chaque page.le module.ts (c'est à dire à la maison.moodule.ts) fichier....

    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 { }

    Cela a fonctionné pour moi.

    • Ce doit être la accepté de répondre.
    • Si vous utilisez un tuyau dans un composant, par opposition à une page?
    • Vous pouvez importer les PipesModule dans le ComponentsModule ainsi.
    InformationsquelleAutor Foram Sangani