2017-04-06 1 views
1

각도 2 앱에 사용할 맞춤 파이프를 만들었습니다. 파이프를 사용하여 내보기 코드는 다음과 같습니다'찾을 수 없음'오류 : 각도 2 앱의 맞춤 파이프

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

자체는 다음과 같습니다 파이프 파일 :

수입에서 {파이프, PipeTransform} '@/핵심 각도';

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

이 경우 이유가 불분명 해요 :

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

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

는하지만, 내 구성 요소보기에서 사용하려고 후에, 나는이 오류를 얻고있다. 내가 공유 모듈에 파이프를 넣어 가지고 :

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

을 그리고, 모두 루트 ngModule과 구성 요소에 나는이 파이프를 사용하기 위해 노력하고있어, 나는 SharedModule 것을 가져 왔습니다. 그러나 여전히 오류가 나타납니다. 내가 여기서 바라보고있는 것이 있습니까?

+0

당신이 일부는 NgModule, 파이프 파일 및 파이프를 사용하여 구성 요소를 코드 - 게시하시기 바랍니다 수 있습니까? – Jim

+0

'@ Pipe' 코드를 볼 수 있습니까? – SrAxi

+0

위의 두 파일을 추가했습니다. 루트 모듈 파일은 길기 때문에 이것을 생략했습니다. – Muirik

답변

1

이 당신의 파이프 코드 : 이것처럼

constructor() { } 

:

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

    constructor() { } 

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