问题标签 [angular2-pipe]

我有一个表，其中两列是表示为字符串的日期。我想根据两个输入过滤表（由两个 ngb-datepickers 填充，默认值为 null）。使用自定义管道我目前收到控制台错误Cannot read property '0' of undefined以及我的表格没有呈现到页面，没有任何按钮起作用，并且表单验证不起作用。我将自定义管道导入到 app.module.ts 中的声明中。包含最少的代码以显示整个范围，让我知道是否有任何令人困惑或包含更多内容。

mainpage.component.html：

mainpage.component.ts：

搜索-pipe.ts：

我相信我的问题是我的转换函数中的语法/功能不正确。我见过类似的问题，但我似乎无法根据自己的需要对其进行格式化，而且我对 Angular2 太不熟悉了，尤其是管道。

我有一个表，我使用自定义管道成功过滤了它。过滤器基于两个输入，它们共同构成一个表单。我要添加的功能是在单击提交按钮之前不会发生过滤。所以它更像是一个搜索按钮。我发现了很多关于管道的信息，但没有关于在单击按钮时激活它们的信息。

mainpage.component.html：

mainpage.component.ts：

搜索-pipe.ts：

我有一个要在其中使用变量的管道。在我的组件中定义了相同的变量。如何将此值从组件传递到管道？

我想将newChildData组件传递到newVal管道中。

// HTML 模板

我曾经有这个代码：

但是我把它做成了一个组件，所以现在使用它就像：

但我需要将其result?.averagePrice显示为货币。如您所见，在我将其作为组件之前就是这样做的。我如何转换这个：[value]='result?.averagePrice'用这样的货币管道传递它：[value]='result?.averagePrice | currency:'USD':true:'1.2-2''

我已经为我的下拉创建了一个自定义管道但是过滤后的值似乎被传递给了组件，控制台中也没有错误。

我的组件 - 模板

users 数组是从 Web 服务填充的

我的自定义管道

我的控制台输出告诉我管道正在被调用

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

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

我的组件

以下手动传递值有效：

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

我的管道

}

我有2个选择。

一为Leagues一为Divisions

我想创建一个Pipe将Divisions根据League所选内容进行过滤的。

下面给出数据。如果我Random Beer League只选择TwoFour并且SixPack应该显示为选择的Divisions选项。

PLUNKER 显示设置

*注意 - plunker 中的数据是硬编码的，但在我的应用程序设置中它的 Observable。

我需要用一些 HTML 标签来渲染 JSON 对象，

组件看起来像

模板如下所示：

输出看起来像

整个 JSON 文件看起来像

什么是最好/最简单的解决方案？

我想要一个通用字段过滤器，它将过滤器函数作为参数并在filter

所以我可以在多个地方使用不同的过滤器功能。

如何通过过滤功能？