小编rui*_*rui的帖子

Angular2:无法找到自定义管道

内置管道是工作,但我想使用的所有自定义管道都是相同的错误:

无法找到管道'actStatusPipe'

[错误 - >] {{data.actStatus | actStatusPipe}}

我尝试了两种方法,在app.module的声明中声明它:

app.module.ts:

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

@NgModule({
    declarations: [
        AppComponent,
        HomePage,
        ActivitiesList,
        ActStatusPipe
    ],
    ...
})
Run Code Online (Sandbox Code Playgroud)

或者使用其他模块来声明和导出我的所有管道:// pipe

import {ActStatusPipe} from "./actPipe"

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

export class MainPipe{}
Run Code Online (Sandbox Code Playgroud)

并在app.module中导入它.

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

@NgModule({
    declarations:[...],
    imports:[...,MainPipe],
})
Run Code Online (Sandbox Code Playgroud)

但它们都不适用于我的应用程序.

这是我的管道代码:

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
        }
    }
} …
Run Code Online (Sandbox Code Playgroud)

angular2-pipe angular

64
推荐指数
4
解决办法
7万
查看次数

标签 统计

angular ×1

angular2-pipe ×1