问题标签 [angular2-pipe]

从 Beta 升级到 RC1 后，管道似乎无法正确传递数据。我收到以下内容：

这是一个旧的 plunker，但它显示了我在应用程序中使用管道的方式。 https://plnkr.co/edit/DHLVc0?p=preview

有时我根本没有收到任何错误，它会将页面视为没有任何管道。

这一次，我从 API 获取数据，但我想过滤它。这里是登录。人员 -> 按状态过滤（启用或禁用）

我有以下文件

• people.component.ts
• people.component.html
• 人.pipe.ts

JSON文件

• {“名称”：“安娜”，“状态”：“启用”}，
• {“名称”：“马塞洛”，“状态”：“启用”}，
• {“名称”：“棒”，“状态”：“禁用”}

people.component.ts

人.pipe.ts

people.component.html

默认情况下由“启用”过滤，但我无法将 var 传输到过去的选项卡以更改过滤器的值

参考：https ://angular.io/docs/js/latest/api/common/SlicePipe-class.html 。尝试对字符串对象的前 20 个字符进行切片。

试过：

和

这里 item.description 是 String 类型

注意：我在我的模板中得到了描述的价值，{{item.description}}但是当我切片时它说

管道“SlicePipe”的参数“未定义”无效

任何帮助都会很棒。

因此，我一直在整个网络中寻找此功能，但没有找到可以将秒转换为可以表示为字符串的年、月、日、小时、分钟和秒的解决方案。

瑞士德语中的数字格式类似于“100'000.00”（不是“100,000.00”）。我该如何改变呢？我尝试将 number_pipe.js 中的设置从 en-US 更改为 de-CH，但没有成功。

有解决方法还是我必须实现自己的管道？

我正在使用 es5 构建 angular2 应用程序。我有一个屏幕，其中有两个搜索输入字段来过滤两个不同的列表。

为此，我定义了两个不同的管道，如下所述

组件1.js

运行时出现以下错误“找不到管道”

同样有趣的是，当我从组件中的管道中删除任何一个声明时，它正在工作。

更新

在html中使用过滤器如下

有人遇到过这个问题吗？

我有这样的json：

我想*ngFor创建一个管道，我的模板在渲染后会变成这样（根据id从小到大列出）

angular 2 有PIPE这个工作吗？或者我们必须像这样创建一个管道？（如何）

我正在尝试为元素数组创建一个角度为 2 的管道，以便它根据所选的 false 过滤唯一的元素，

我的阵列

我需要过滤选择为假的值，

我的管道代码

我的 HTML 实现

如果代码中有任何问题，管道无法按预期工作，请纠正我

我正在尝试在 angular2 中具有搜索功能。

到目前为止，我已经为此创建了自己的自定义管道，如下所示：

搜索.pipe.ts

在这样做之后，我试图在 html 中应用这个管道，如下所示：

它给了我以下错误：

TypeError：无法读取未定义的属性“0”

当我不应用 pipe 时， *ngFor 会正确打印数组元素，但是一旦我在 html 中应用搜索管道，它就会给我上述错误。

任何输入？

当我第一次更改我的应用程序的语言时，翻译服务会请求代表新语言的文件，我的“智能”组件字符串正确反映了更新但任何“纯/哑”组件都没有，它们保留在以前语。但是，一旦新的语言文件被加载到缓存中并且我继续更改语言，一切似乎都可以正常工作。

似乎任何纯组件都没有解析来自新语言文件的 ajax 响应的更新，它只会在文件已加载到缓存中时正确更改语言。同样，这仅适用于使用 ChangeDetectionStrategy.OnPush 的组件

我了解在哑组件中使用 Inputs 和 Observables 的 changeDetection，但在这种情况下，我对管道并不熟悉。可能我错过了什么？

UDPATE

我设法破解了一个修复程序，它不是很好，但它有效。这是我的服务中包装翻译服务的构造函数。

我检查我是否已经在缓存中为我将要选择的语言提供了语言 json 文件。如果我没有它，我会使用 ng2-translate 中的 'reloadLang' 方法去获取它。一旦我有了它，我使用一个空的超时，然后调用'translate.use'。某处存在时间问题，因为如果我取消超时，它就不起作用。如果我已经有了要切换到的翻译文件，我只需像往常一样使用 translate.use 并且一切正常。

}

我不完全确定这里发生了什么，但它似乎是使用 ChangeDetectionStrategy.OnPush 和请求翻译文件的新响应之间的混合。如果其他人看到此内容，请添加您的输入。