「見つからない」エラーが発生しました：角度2のアプリケーションのカスタムパイプ

Question

角度2のアプリケーションで使用するカスタムパイプを作成しました。私のビューコード管を使用して次のようになります

<div class="search-item-name">{{result.name}} <span class="search-context">{{result.type | contextualize}}</span></div> 

パイプファイル自体は次のようになります。「角度/コア@」から

インポート{パイプ、PipeTransform}。

@Pipe({name: 'contextualize'}) 
export class ContextPipe implements PipeTransform { 

    transform(value: string) { 
     // Logic here... 
     } 
    } 
} 

しかし、私のコンポーネントビューでそれを使用しようとした後、私はこのエラーを取得しています：

Template parse errors: The pipe 'contextualize' could not be found

このような場合は、なぜ私は不明です。ルートngModuleの両方で、私は私がSharedModuleことをインポートした、このパイプを使用しようとしているコンポーネントには、

import { ContextPipe } from './context.pipe'; 
import { CapitalizePipe } from './capitalize.pipe'; 
import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { AbbreviatePipe } from './abbreviate.pipe'; 

@NgModule({ 
    imports: [ 
    CommonModule 
    ], 
    declarations: [ 
    CapitalizePipe, 
    AbbreviatePipe, 
    ContextPipe 
    ], 
    exports: [ 
    CapitalizePipe, 
    AbbreviatePipe, 
    ContextPipe 
    ], 
}) 
export class SharedModule { } 

そして：私は、共有モジュール内にパイプを入れています。しかし、まだエラーが表示されます。私はここで見落としているものがありますか？

Answer 1

Aこれはあなたのパイプのコードに：このように

constructor() { } 

：

@Pipe({name: 'contextualize'}) 
export class ContextPipe implements PipeTransform { 

    constructor() { } 

    transform(value: string) { 
     // Logic here... 
     } 
    } 
}