：</p> ​​ <p>私は二つの方法を試してみました、アプリでそれを宣言します。カスタムパイプは

Question

内蔵のパイプが仕事ですが、私が使用したいすべてのカスタムパイプが同じエラーですが見つかりませんでしたモジュールの宣言：

app.module.ts：

import {ActStatusPipe} from '../pipe/actPipe' 

@NgModule({ 
    declarations: [ 
     AppComponent, 
     HomePage, 
     ActivitiesList, 
     ActStatusPipe 
    ], 
    ... 
}) 

またはすべての私のパイプを宣言し、エクスポートするために、他のモジュールを使用：//パイプ

import {ActStatusPipe} from "./actPipe" 

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

export class MainPipe{} 

とapp.moduleにインポートします。

//pipe 
import {MainPipe} from '../pipe/pipe.module' 

@NgModule({ 
    declarations:[...], 
    imports:[...,MainPipe], 
}) 

しかし、私のアプリでは動作しません。ここで

は、パイプの私のコードです：

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

@Pipe({ 
    name:'actStatusPipe' 
}) 
export class ActStatusPipe implements PipeTransform{ 
    transform(status:any):any{ 
     switch (status) { 
      case 1: 
       return "UN_PUBLISH"; 
      case 2: 
       return "PUBLISH"; 
      default: 
       return status 
     } 
    } 
} 

私はそれが

（実際には、私はちょうど文書からコピーし、少しの修正を行っている）文書と同じのほとんどだと思います

そして、私のangular2のバージョンは2.1です。

私のアプリでstackoverflowとgoogleで検索できる解決策はたくさんありますが、うまくいかないのです。

これは私に多くの混乱、あなたの答えに感謝！

Answer 1

これは私のために働いてください参照してください。

ActStatus.pipe.ts

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

@Pipe({ 
    name:'actStatusPipe' 
}) 
export class ActStatusPipe implements PipeTransform{ 
    transform(status:any):any{ 
    switch (status) { 
     case 1: 
     return "UN_PUBLISH"; 
     case 2: 
     return "PUBLISH"; 
     default: 
     return status 
    } 
    } 
} 

主pipe.module.ts

import { NgModule } from '@angular/core'; 
import {CommonModule} from "@angular/common"; 

import {ActStatusPipe} from "./ActStatusPipe.pipe"; 

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

export class MainPipe{} 

app.module.ts

@NgModule({ 
    declarations: [...], 
    imports: [..., MainPipe], 
    providers: [...], 
    bootstrap: [AppComponent] 
}) 

Answer 2

このディdntは私のために働いた。 （角度2.1.2のIm）。私は、MainPipeModuleをapp.module.tsにインポートせず、代わりにパイプを使用するコンポーネントImがインポートされるモジュールでimporteしなければなりませんでした。

コンポーネントが宣言されて別のモジュールにインポートされているように見える場合は、そのモジュールにPipeModuleも含める必要があります。