Angular 5 - 自定义管道 'could not be found' 错误

Question

我已经尝试了我在那里看到的所有建议，但仍然遇到可怕的问题:Template parse errors: The pipe 'orderFilter' could not be found

在我的 SharedModule.ts(导入 MyComponent)中我有:

import { OrderFilterPipe } from '../pipes/order-filter.pipe';

@NgModule({
...
declarations: [OrderFilterPipe];
...

管道代码(现在很简单):

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({name: 'orderFilter'})
export class OrderFilterPipe implements PipeTransform {
  transform(item: any): any {
    return item.data;
  }
}

在 MyComponent.html 中我有:

{{item | orderFilter}}

我有点不知所措..除非我在实现中遗漏了一些特定于 Angular 5 的东西。有什么想法吗？

Answer 1

为您的管道尝试另一个名称，您不能将管道命名为“过滤器”。