内置管道是工作,但我想使用的所有自定义管道都是相同的错误:
无法找到管道'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)