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

Question

在 angular 1 中，我们有 过滤器 ，这些过滤器可以 在 DOM 和 Typescript/Javascript 中使用。在 Angular 2 中，我们使用 pipes 来做这些事情，但是 pipes 只能在 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 class 的名称是 PriceFilterPipe。当然，你也需要在你的组件中导入PriceFilterPipe。