问题标签 [angular2-custom-pipes]

在学习过程中，我遇到了Creation of Custom Pipe，所以我认为这会有所帮助。

将值传递给我的管道过滤器时遇到问题。我需要从我的组件中以名为 pagex 的变量的形式传递一个参数值，但我找不到使它工作的语法……或者我遗漏了一些东西。谢谢您的帮助。

我的组件

以下手动传递值有效：

而这并没有，已经尝试了很多组合......

我的管道

}

我正在尝试使用管道实现简单的搜索。我对管道和 angular2 的概念真的很陌生，所以我需要你的帮助

这是我的html：

贷款.component.ts：

我得到的错误是：

未捕获（承诺）：错误：模板解析错误：无法绑定到“ngModel”，因为它不是“输入”的已知属性

贷款.pipe.ts：

我还使用了一个 module.ts 文件来声明管道和所有其他组件：

我想使用内置货币管道制作自定义货币管道。我想使用的方式是{{ anyNumber | customCurrency }}.然后在我的 customCurrency 管道中，我想使用内置的货币管道。我可以根据一些逻辑决定货币管道的参数，并且不想在任何地方指定语言环境和其他参数，例如{{anyNumber | currency:'USD':false:'1:0-0'}}.

关于何时使用自定义管道以及何时使用自定义组件的任何规则？

这些可能是经验法则（下）吗？

• 如果需要非纯文本 html，请使用组件？灵感来自：https ://stackoverflow.com/a/34504446/170451
• 如果某些东西不是交互式的（静态输出），请使用管道？

文档似乎没有直接回答这个问题：https ://angular.io/docs/ts/latest/guide/pipes.html

管道可以被认为是“穷人的组件吗？”

管道相对于组件有一些优势吗？

我的猜测：

• 更短的语法/表现力
• 性能优势（构建时间？运行时间？）
• 使用纯文本时的好处？

这个陈述（这是我写的猜测）是否成立？

当我在循环中的自定义管道中使用女性时，我想在employeemale.ts组件中使用自定义管道根据男性和女性过滤数据，ngfor它会根据女性显示数据：

作品：

但是当我使用 men 时，它会显示所有 json 数据

不起作用：

这是我的组件 html

当我根据女性过滤数据时，它是：

这是我的自定义管道 filterdata.pipe.ts

在我的应用程序中，我需要一个全局自定义管道，我尝试按照角度管道实现它， 但我总是看到这个错误

模板解析错误：找不到管道“formatdate”

格式化日期.pipe

应用程序模块

如果我在我的所有模块中而不是在主体 app.module 中导入它，这个管道就可以工作，我是否需要一个常规管道模块或其他东西

我有组件基础 angular4 应用程序，并且在每个组件中我都使用DataTable Plugin 和自定义DataFilterPipe，当我在每个组件中像下面这样导入时，我得到的错误是ERROR Error: Uncaught (in promise): Error: Type DataFilterPipe is part of the 2个模块的声明。请考虑将 DataFilterPipe 移至更高的模块。然后我创建了一个名为dataFilterModule的新模块

进口：

数据过滤模块：

然后在我的AppModule中导入这个模块但是！！我得到的错误是：

我添加了如下导出的 dataFilterModule 但没有任何好消息！

编辑： 我的自定义过滤器：

Angular 4 - 如何使用自定义管道对数组中的版本号字符串进行排序？

我有一个版本号如 v.9.1、v.9.2、v10.0 的 json 文件。我尝试使用自定义管道进行排序，但排序为 v.9.2、v.9.1、v.10.0 而不是 v.10.0、v.9.2、v.9.1。所以看起来它被视为字符串。

这是我在管道中尝试过的：

我有一个在组件的 HTML 部分中使用的自定义管道。它在模块中声明：

我希望能够从组件代码（而不是transform方法）中调用它的方法。

我希望管道实例存在于依赖注入上下文中的某个位置，以便我可以抓住它。但是我错了。如果我将它注入到组件的构造函数中（例如任何普通服务）：

然后我得到一个错误：没有提供者。所以我将它包含在providers同一模块的部分中：

然后我将可以在组件代码中访问它，但我的自定义管道会有两个实例。

1. 创建者providers，在 DI 上下文中可用。在构造函数中注入时我会得到这个实例，所以我将在我的组件代码中使用这个实例。

2. HTML 中使用的实例。它在哪里生活？我想在我的组件代码中访问这个实例，而不是“提供”的那个；我怎样才能获得它？