时间戳

首页 > 解决方案 > Angular 5 - 自定义管道“找不到”错误

angular - Angular 5 - 自定义管道“找不到”错误

问题描述

我已经尝试了我在那里看到的所有建议，但仍然遇到可怕的：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 的东西。有任何想法吗？

标签： angularangular5

解决方案

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

推荐阅读