如何在Angular 2中的组件中使用过滤器（管道）（不使用管道在DOM中）

Question

在角度1中我们有过滤器，这些过滤器可以在DOM和Typescript / Javascript 中使用。在 Angular 2 中，我们使用管道来执行此操作，但管道只能在DOM中使用。有没有其他方法可以在Typescipt（组件）中使用管道功能？如果有人知道，请帮忙。

示例：

<div *for="let item of items">
    {{item.price | priceFilter }}
</div>

我创建了一个名为priceFilter的用户定义管道，但我想在Javascript / Typescript中进行相同的过滤。

Answer 1

您可以使用pipe过滤组件中的数据，如下所示：

let value = new PriceFilterPipe().transform(this.item.price);

我假设您导出的pipe课程的名称为PriceFilterPipe。当然，您还需要在组件中导入PriceFilterPipe。