javascript - 如何在 Angular 2 的组件中使用管道？

Question

我有一个管道类，它根据您传递的参数返回数据。我知道如何使用 | 符号在我的模板 HTML 中使用它，但我也想在我的组件中使用它。

有没有办法在 Angular 2 中直接从组件或服务内部调用管道？

Answer 1

您可以使用以下方法直接在您的代码中调用您的管道:

YourPipeClass.prototype.transform(value, arg1, arg2);

您可以从组件内部或导入它的任何其他地方调用它。

还有新的方式:

new SortTodosPipe().transform(value, arg1, arg2);

但请记住，它会创建一个对象，因此要么保存该对象供以后使用，要么使用 prototype 方法。

无论您选择什么，如果您在组件中使用它，您必须将管道添加到您的 providers，如下所示:

@NgModule({
    providers: [YourPipe]
})