如何覆盖现有管道

Question

我在我的组件中使用 ngx-translate，就像这样：

{{ 'TRANSLATE_THIS' | translate }}

我想用父组件通过 @Input() 提供的功能覆盖此翻译管道的转换功能，由于特定需要，我不想修改 HTML 模板。有可能实现吗？

Answer 1

您可以使用相同的 name 定义管道来简单地覆盖管道。

参见示例 Stackblitz

编辑：如果要将任何内容传递给管道进行自定义，只需使用参数即可。检查更新后的代码。