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

Question

在 angular 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组件。