Die Pipe '' konnte nicht gefunden werden

Stellen Sie sicher, dass Sie nicht vor ein "cross Modul-problem"

Wenn die Komponente, die mit dem Rohr, nicht zum Modul gehören, die erklärt hat, die Leitung der Komponente "Global", dann das Rohr nicht gefunden und man bekommt diese Fehlermeldung.

In meinem Fall habe ich erklärt, die Leitung in ein separates Modul und importiert diese pipe Modul im anderen Modul mit Komponenten mithilfe der pipe.

Habe ich erklärt
die Komponente, in der Sie mit dem Rohr ist

das Rohr Modul

 import { NgModule }      from '@angular/core';
 import { myDateFormat }          from '../directives/myDateFormat';

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

 export class PipeModule {

   static forRoot() {
      return {
          ngModule: PipeModule,
          providers: [],
      };
   }
 } 

Verwendung in einem anderen Modul (z.B. app.Modul)

  //Import APPLICATION MODULES
  ...
  import { PipeModule }    from './tools/PipeModule';

  @NgModule({
     imports: [
    ...
    , PipeModule.forRoot()
    ....
  ],

InformationsquelleAutor der Antwort Karl

Fand ich das "Kreuz-Modul" Antwort oben sehr hilfreich für meine situation, aber vergrößern möchte, da es eine andere Falte zu betrachten. Wenn Sie haben ein Submodul, kann es auch nicht sehen, die Rohre in das übergeordnete Modul in meinen Tests. Auch aus diesem Grund, Sie müssen die Rohre dort in eigenen separaten Modul.

Hier ist eine Zusammenfassung der Schritte, die ich nahm, um die Adresse Rohrleitungen nicht sichtbar in der submodule:

1. Nehmen Sie die Rohre aus der (übergeordneten) SharedModule und in PipeModule
2. In SharedModule, import PipeModule und exportieren (für die anderen Teile der app abhängig SharedModule automatisch Zugang zu PipeModule)
3. Für Sub-SharedModule, import PipeModule, so kann es den Zugang zu PipeModule, ohne zu re-importieren SharedModule würde eine zyklische Abhängigkeit erzeugen Problem unter anderen Problemen.

Anderen Fußnote zu den oben genannten "cross-Modul" Antwort: wenn ich die erstellt habe PipeModule ich entfernte die forRoot statische Methode und importiert PipeModule, ohne dass in meinem shared-Modul. Mein Grundverständnis ist, dass forRoot ist nützlich für Szenarien wie singletons, die nicht für Filter unbedingt.

InformationsquelleAutor der Antwort sarora

Für Ionische können Sie Gesicht viele Probleme wie @Karl erwähnt. Die Lösung, die einwandfrei funktioniert für Ionische faul geladenen Seiten ist:

1. Erstellen, Rohre Verzeichnis mit folgenden Dateien: Rohre.ts und Rohre.- Modul.ts

//pipes.ts-Gehalt (es können mehrere Rohre im inneren, nur daran denken,

use @Pipe function before each class)
import { PipeTransform, Pipe } from "@angular/core";
@Pipe({ name: "toArray" })
export class toArrayPipe implements PipeTransform {
  transform(value, args: string[]): any {
    if (!value) return value;
    let keys = [];
    for (let key in value) {
      keys.push({ key: key, value: value[key] });
    }
    return keys;
  }
}

//pipes.- Modul.ts-Gehalt

import { NgModule } from "@angular/core";
import { IonicModule } from "ionic-angular";
import { toArrayPipe } from "./pipes";

@NgModule({
  declarations: [toArrayPipe],
  imports: [IonicModule],
  exports: [toArrayPipe]
})
export class PipesModule {}

1. Gehören PipesModule in app.Modul und @NgModule Einfuhren Abschnitt

   import { PipesModule } from "../pipes/pipes.module";
@NgModule({
imports: [
PipesModule
]
});

2. Gehören PipesModule in jedem Ihrer .- Modul.ts, wo Sie möchten, verwenden Sie benutzerdefinierte Rohre. Vergessen Sie nicht, fügen Sie es in Abschnitt imports.
   //Beispiel. Datei: pages/my-custom-Seite/meine-eigene-Seite.- Modul.ts

   import { PipesModule } from "../../pipes/pipes.module";
@NgModule({
imports: [
PipesModule
]
})

3. Thats it. Jetzt können Sie Ihre benutzerdefinierte Rohr in die Vorlage ein. Ex.

<div *ngFor="let prop of myObject | toArray">{{ prop.key }}</div>

InformationsquelleAutor der Antwort Timothy