问题标签 [angular2-pipe]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1269 浏览

angular - Angular 2.0.0 final - 自定义管道过滤器返回 [object Object]

我正在尝试使用自定义管道创建过滤器。谁能帮忙看看为什么过滤器不过滤模拟数据?它不会抛出错误,它会返回 [object Object]

你可以在这里找到完整的代码: http ://run.plnkr.co/plunks/qwsk86hHLbI26w3HVMdV/

0 投票
1 回答
1112 浏览

angular - Angular 2.0.0 final - 具有多个来自现场条件的自定义管道过滤

我正在尝试过滤具有多种来自现场条件(输入和下拉)的食物。我可以单独过滤它们,但我不知道如何让它们一起工作

我创建了两个单独的自定义管道(一个用于输入过滤器,一个用于下拉过滤器)以使事情更加模块化。

这是输入管道背后的逻辑:

下拉管道背后的逻辑:

这是模板视图中的自定义管道:

这是一个示例 http://plnkr.co/qwsk86hHLbI26w3HVMdV

0 投票
0 回答
525 浏览

regex - 如何在angular2中添加掩码'yyyy/yyyy',使用管道和格式化程序输入字段

我想知道如何为输入字段创建带有正则表达式的掩码。

我需要在字段中添加一些掩码,例如:yyyy/yyyy。这听起来像一个时期。

我看到了一个使用 Angular2 中的管道创建掩码的链接。这是链接

所以,我想用不同的正则表达式创建一个管道,以允许用户只写这个: yyyy/yyyy ; 并使用管道中的变换方法。这可能吗?

这是我的管道和格式化程序:

0 投票
2 回答
18893 浏览

angular - 无法实例化 DatePipe

我正在尝试DatePipe在我的 Angular2 应用程序中实例化一个对象,以transform(...)在我正在开发的组件中使用函数。

此代码段在 RC5 中运行良好。现在我正在尝试升级到 Angular2 最终版本并在运行时收到此错误,ng serve或者ng build

我该如何解决这个问题?还有另一种实例化管道的方法吗?或者 Angular 是否停止支持在组件内实例化管道?

0 投票
2 回答
1193 浏览

angular - Angular 2 使用 Http Observable 和 Pipe

我有一个调用 REST 端点的服务:

端点返回如下结果:

我在此组件中使用该服务:

模板看起来像这样;

这可以按预期工作,但是当我尝试在模板中使用管道时:

我收到错误“无法读取未定义的属性'过滤器'”。

这是管道实现:

0 投票
1 回答
1498 浏览

angular - ngFor 带有管道的数据

我需要在项目中使用数据并过滤它,输入while循环。但看起来像 angular 2 管道不能做到这一点。

angular 2 是否有办法在循环中过滤项目?

0 投票
1 回答
1474 浏览

angular - Angular2 Pipe无法删除输入中的字母

我正在尝试在 Angular2 中构建管道。“yearPipe”应该只允许数字并将输入长度限制为 4。我看到了一些非常奇怪的行为。

管道:

我已经确定我的管道不能删除值,只能添加值。因此,将字符数限制为 4 或删除非数字的尝试失败。如果我将另一个变量数据绑定到相同的“customer.year”字段,它会显示管道值。

例子:

如果我输入 2009asdf,{{ customer.year }} 将显示 2008,而输入将显示 2008asdf。这里的例子:https ://plnkr.co/edit/JAxA777p1dX8u2RpmvSA?p=preview 似乎能够去除数字所以我有点困惑。它的实现与我的管道相同,所以我怀疑是版本问题。我m 目前在 CLI 中使用 RC5。

0 投票
1 回答
2563 浏览

angular - Angular2管道处于条件下,检查类型

我在这里找到了条件下的管道

如何检查类型是数字并给它管道?

像这样。

附言。我不想使用自定义管道装饰。

有什么好主意吗?谢谢

0 投票
1 回答
1398 浏览

angular - 输入端的Angular2过滤器管道

我想在输入字段上添加过滤器

像这样的东西

我也尝试了以下方法,但它对我不起作用

我怎样才能做到这一点?

0 投票
1 回答
22774 浏览

angular - Angular 2 - 多个模块中的管道重用 - 未找到错误或重复定义

我正在开发 angular 2 最终版本。

我已经声明了两个模块主应用程序和一个设置页面

模块正在声明全局管道。该模块还包括设置模块

app.module.ts

settings.module.ts

尝试在设置模块中使用管道时,收到一个错误,即找不到管道。

如果我将管道包含在设置模块中,它会抱怨两个模块具有相同的管道。

json-stringify.pipe.ts

对此有任何想法吗?