问题标签 [angular2-pipe]

我想通过管道将一些数字写入<input>并动态显示为小数。{{}}它会引发异常。这是我的代码：

app.template.html：

app.component.ts：

Plunker：http ://plnkr.co/edit/I7ynnwBX4DWJfHNPIPRu?p=preview

将任何数字写入输入并查看控制台中抛出的异常。

编辑：

根据 rinukkusu 建议的工作代码：

app.template.html：

app.component.ts：

这非常重要，是什么使从字符串到数字的转换成为可能+！$event

只是想知道在我的情况下在 Angular2 中使用 PIPE 的最佳方法是什么，尽管我的解决方案运行良好。

让我们开始吧。
我有这个 json 数组https://jsonplaceholder.typicode.com/users

我的管道

首先，我在值为 null 时返回 null，因为我根据无法读取角度 2 中 null 的属性“过滤器”从 API 获取数据？.

其次，我返回 null 因为我首先想要原始数据而不进行过滤。

最后，我根据用户在输入中输入的内容过滤 ngFor 中的结果。

输入过滤数据

我的ngFor

那么，你们怎么看？

我按照这个链接创建了我自己的 time ago 管道： Angular 2 "time ago" pipe

但是当我注入并使用它时，我看到了错误：

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

下面是我的代码，请帮我解决这个问题，非常感谢！

timeAgo.pipe.ts

main.ts

post.component.html

我的日期和金额字段在表单提交中可以为空。当我使用过滤器在带有日期和金额（0.00）的详细信息页面中显示这些字段时，它会
为管道'DatePipe'抛出无效参数'0000-00-00 00:00:00'，为管道'Number'抛出无效参数'0.00'

我有一组 json 格式的字符串，需要使用日期过滤数据。就像使用 angular2 过滤所有日期、过去 3 个月和过去 6 个月一样。
请找到以下结构，我需要使用日期过滤的数据。

我的 Json 数据是：

我正在尝试使用自定义管道声明来搜索和过滤列表中的元素。但我收到以下错误，无法弄清楚原因。（我使用 angular2-seed 项目作为基础项目）

错误：

管道类代码：

组件类代码：

我似乎无法修复此错误。我有一个搜索栏和一个 ngFor。我正在尝试使用这样的自定义管道过滤数组：

用法：

错误：

角度版本：

嗨，我有一定数量的与客户相关的数据。我需要获取客户的交易时间并显示给 angular2 应用程序。

我有一页带有下拉列表和输出区域。下拉项目如“最近一个月交易”、“最近三个月交易”等。

当我在下拉列表中选择一项时，我需要在输出区域中显示所有交易。

我无法使用 angular2 中的管道过滤数据。请发送您对此的想法。提前致谢。

我正在尝试使用自定义管道来获取 int 值，然后返回基于该 int 的材料设计图标。

HTML：

打字稿/JS：

但是，当页面加载时，它只显示 [object HTMLElement] 而不是返回中列出的实际 HTML 元素。

我正在尝试以 12 小时时间显示星期几。

周日 8:00 PM

对于日期管道来说，这似乎是一项伟大的任务

显示的是

周日晚上 8 点 0

管道的文档指出“shortTime”：相当于“jm”（例如，美国下午 12:05）

基本上我想要包含工作日的 shortTime 输出。

我错过了什么吗？