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

标签 javascript angular

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

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

最佳答案

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

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

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

还有新的方式:

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

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

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

@NgModule({
    providers: [YourPipe]
})

关于javascript - 如何在 Angular 2 的组件中使用管道?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36816548/

相关文章:

javascript - 当用户滚动时更改 div 的不透明度

javascript - 在 Chart.js 中向圆环图添加标签会显示每个图表中的所有值

javascript - 是否应该在 AngularJS 上设置 angular.module 变量

angular - 如何在 Angular4/Ionic 中使用 *ngFor 时从列表中获取单击的项目详细信息

javascript - 更改 Angular 2 组件模板内的嵌套

javascript - Tapestry:重新加载页面清空页面内容

html - 如果我单击 Angular 中的类,则隐藏 div

css - 由于@Font-Face 在 Chrome 中呈现问题

angular - 循环调用 Angular2 服务

javascript - 如何找到导致 DOM 元素悬停时外观发生变化的原因?