Question

我在调用自定义管道时遇到问题。

我已经在我的app.module.ts文件中导入了管道，并在声明中对其进行了声明。我遵循了一些有关如何执行此操作的教程，还查看了此处已经问过的一些问题以及我认为它应该起作用的内容，但仍引发错误：“找不到管道'getOrderType'”

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

@Pipe({name: 'getOrderType'})
export class GetOrderTypePipe implements PipeTransform {
    transform(orderType: String, delivered: Boolean, requestType: String): LoadTypeEnum {
        if (delivered&& requestType !== 'mobile') {
            return 'Mobile devlivery';
          } else if (requestType === 'web') {
            return 'Web';
          } else {
            return 'N/A';
          }
    }
}

这就是我在html中调用它的方式：

{{ this.orderType| getOrderType: this.order.requestType: this.delivered}}

Answer 1

您在某处使用PipeName作为 getLoadType 而不是 getOrderType

QuickFix ：在源代码上进行自由文本搜索，并用getOrderType进行替换。

Answer 2

您将管道导入哪里，因为它看起来像您的module.ts提供程序中缺少的管道：

providers: [
        GetOrderTypePipe
    ]

找不到自定义管道

2 个答案: