问题标签 [angular2-pipe]

我有一个线程对象数组，每个线程对象都有属性

我想创建一个管道来过滤这些线程，到目前为止我有一个如下所示的工作管道。我对它还不是很满意，想问你们是否有更优雅的解决方案？

HTML：

管道.ts

我有一个奇怪的管道问题，在搜索管道文档时我没有找到解释。

基本上我有一个对对象数组进行排序的管道，问题是如果从同一个源重复更多列表，那么这些列表也会改变，这很奇怪。似乎管道正在修改原始源，然后导致基于它的所有内容发生变化。

如果我从这里重复：

然后有一个可以通过查询过滤掉的列表：

然后有另一个我使用排序的管道：

排序的管道：

我将得到两个列表显示：

• 项目 1
• 第 2 项
• 第 3 项
• 第 6 项

我怎样才能避免这种相当奇怪的行为？

我正在尝试创建一个组件，您可以在其中传递应该用于组件内列表的管道。从我可以通过测试和四处寻找答案找到的唯一解决方案似乎创建了类似的东西：

my-component模板：

然后映射myFilter到正确的管道逻辑并运行它，但这似乎有点脏并且不是最佳的。

我认为自 Angular 1 以来他们会想出一个更好的解决方案来解决这个问题，你也可以按照这些思路做一些事情。

在Angular 2中没有更好的方法吗？

我有一个返回页面列表的服务。现在我想编写一个名为 pagesFilter 的管道，它返回一个将此键设置为 true 的页面列表。

然后我想在单击导航项时应用此过滤器。

不知何故，我无法让它工作。控制台中没有错误，并且过滤器变量得到正确更新。任何建议表示赞赏。

我的html：

页面服务：

投资组合组件（使用服务）：

我知道我可以这样调用管道：

这里的日期管道只接受一个参数。从组件的模板 HTML 和直接在代码中调用具有更多参数的管道的语法是什么？

在 Angular 2 中是否可以在条件下应用管道？我想做类似的事情：

如果没有，实现这种效果的首选方法是什么？

嗨，我正在构建一个类似 stackoverflow 的小型论坛，并且正在尝试为我的线程标题实现一个简单的文本过滤器。

我最近开始学习 rxjs 和管道，所以这是我到目前为止提出的 2 个问题

1. 我不确定我应该使用哪种方法来解析标题，我目前正在使用 string.include() 但它不能正常工作（例如，如果我输入 who，那么“how”显示，如果我输入“how”然后“谁”显示...

更新：到目前为止，主要错误似乎是管道只收到第一个字母......但不知道是什么原因造成的。

2. 我正在使用纯管道，并且属性通过主题传递给它，不确定这是否是最佳实践方式...

https://plnkr.co/edit/VViLYFd5oFTwNqP9eoZi?p=preview

感谢您的帮助和建议

零件

管道

我需要应用管道（转换）来格式化通过 API 提供的动态内容。数据实际上是通过自定义格式化程序应用的，该格式化程序本质上绑定到元素上的 [innerHTML]。问题是我附加的管道不按要求适用。

例如，我收到以下值AB123456D（英国，国民保险号），我想像这样显示它AB 12 34 45 D

强加给我的限制是数据被格式化并通过使用 [innerHTML] 的绑定插入到模板中。

渲染时，我看到以下内容...

当我想/期望看到...

任何想法如何实现这一点，或者是否有可能？

因此，为了便于使用，我想添加复选框作为过滤器。但是，它仅在我刷新页面时加载。

这些是我的文件：

文件名.component.ts

复选框-filter.pipe.ts

文件名.component.html

我正在使用Angular2.rc.0。为了清楚起见，我在这个问题中重命名了我的变量。控制台中的输出仅在我刷新页面时发生，而不是在我（取消）选中复选框时发生。任何解决此问题的帮助表示赞赏。

Angular2，在我的 Angular2 中component.ts，我获取了一个视频对象列表并存储在_videos:Video[]

在我的 html 中，我显示视频，

现在我想在 html 中创建一个搜索输入字段来过滤视频。我正在尝试使用管道：

在ts,

在html,

绑定似乎不起作用。管道第一次工作。在这里使用管道是否正确？或者我应该创建一个新数组_videoList: Video[]，用油门监听 keyup 事件来更改_videoList并使用它*ngFor，而不是_videos？