angular - 找不到角度自定义管道

Question

在我的应用程序中，我需要一个全局自定义管道，我尝试按照角度管道实现它，但我总是看到这个错误

模板解析错误：找不到管道“formatdate”

格式化日期.pipe

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

@Pipe({
  name: 'formatdate'
})

export class FormatdatePipe implements PipeTransform {

  transform(dateJson: any, args?: any): any {
.
 //code...
.
      return dateJson;
    }
  }
}

应用程序模块

import { FormatdatePipe } from './shared/pipes/formatdate.pipe';
@NgModule({
  declarations: [
    AppComponent, FormatdatePipe 
  ],

如果我在我的所有模块中而不是在主体 app.module 中导入它，这个管道就可以工作，我是否需要一个常规管道模块或其他东西

score 21 · Accepted Answer

管道（如组件和指令）不像服务那样在全局范围内工作。

您需要在某个模块中定义一个管道。然后您可以在该模块中定义的组件中使用它。另一种方法是将管道添加到模块的导出中，然后将该模块导入要使用它的模块中。

像这样定义它：

import { FormatdatePipe } from './shared/pipes/formatdate.pipe';

@NgModule({
  declarations: [
    FormatdatePipe 
  ],
  exports: [
    FormatdatePipe
  ]
})   
export class SomeUtilModule {}

然后将此模块导入您想要使用它的地方，它应该可以工作:)

angular - 找不到角度自定义管道

1 回答 1

Related

Reference