Труба '' не может быть найдена angular2 custom pipe

вам нужно включить вашу трубу в объявление модуля:

declarations: [ UsersPipe ],
providers: [UsersPipe]

Я нашел ответ "кросс-модуль" выше очень полезным для моей ситуации, но хотел бы расширить его, так как есть еще одна морщина для рассмотрения. Если у вас есть подмодуль, он также не может видеть трубы в Родительском модуле в моем тестировании. По этой причине вам также может потребоваться поместить трубы в отдельный модуль.

вот краткое описание шагов, которые я предпринял для решения труб, не видимых в подмодуле:

1. возьмите трубы из (родительского) SharedModule и положить в PipeModule
2. в SharedModule, импорт PipeModule и экспорт (для других частей приложения зависит от SharedModule для автоматического получения доступа к PipeModule)
3. для суб-SharedModule импортируйте PipeModule, чтобы он мог получить доступ к PipeModule, без необходимости повторно импортировать SharedModule, что создаст проблему циклической зависимости, среди других проблем.

еще одна сноска к вышеупомянутому "кросс-модулю" ответ: когда я создал PipeModule я удалил статический метод forRoot и импортировал PipeModule без этого в моем общем модуле. Мое основное понимание заключается в том, что forRoot полезен для сценариев, таких как синглтоны, которые не обязательно применяются к фильтрам.

для ионного вы можете столкнуться с несколькими проблемами, как упоминал @Karl. Решение, которое работает безупречно для ионных ленивых загруженных страниц:

1. создать каталог труб со следующими файлами:труб.ТС и труб.модуль.ТС

// труб.содержание ts (он может иметь несколько труб внутри, просто не забудьте

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

// труб.модуль.ТС контент

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. включить PipesModule в приложение.модуль и @NgModule импортирует раздел

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

2. включить PipesModule в каждом из ваших .модуль.ТС, где вы хотите использовать пользовательские трубы. Не забудьте добавить его в раздел импорта. // Образец. файл: страницы/Мои пользовательские страницы/моя-таможня-страница.модуль.ТС

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

3. вот и все. Теперь вы можете использовать свой собственный канал в шаблоне. Бывший.

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

Примечание : только если вы не используете угловые модули

по какой-то причине это не в документах, но мне пришлось импортировать пользовательский канал в компоненте

import {UsersPipe} from './users-filter.pipe'

@Component({
    ...
    pipes:      [UsersPipe]
})

Я создал модуль для труб в том же каталоге, где присутствуют мои трубы

import { NgModule } from '@angular/core';
///import pipe...
import { Base64ToImage, TruncateString} from './'  

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

    export class SharedPipeModule { }   

теперь импортировать этот модуль в приложение.модуль:

import {SharedPipeModule} from './pipe/shared.pipe.module'
 @NgModule({
     imports: [
    ...
    , PipeModule.forRoot()
    ....
  ],

теперь его можно использовать, импортируя то же самое во вложенный модуль