问题标签 [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 回答
1252 浏览

angular - Angular 2 - 使用管道进行不区分大小写的搜索

我的项目中有一个有效的搜索管道。它应用在桌子上。表有很多列,如产品名称、类别、数量等。管道搜索所有字段并过滤结果。它区分大小写,我想让它不区分大小写。如果我输入Mobile它会显示结果,但如果我输入mobile它不会显示结果。

搜索.pipe.ts

输入表格

用法

0 投票
11 回答
131852 浏览

angular - Angular2:找不到自定义管道

内置管道可以工作,但我想使用的所有自定义管道都是相同的错误:

找不到管道“actStatusPipe”

[错误->]{{data.actStatus | 行为状态管道}}

我尝试了两种方法,在 app.module 的声明中声明:

app.module.ts:

或使用其他模块声明和导出我所有的管道://管道

并将其导入 app.module。

但它们都不适用于我的应用程序。

这是我的管道代码:

我认为它与文档大部分相同(实际上,我只是从文档中复制并进行了一些修改)

而我的 angular2 的版本是 2.1。

在我的应用程序中尝试了很多可以在 stackOverflow 和 google 中搜索的解决方案,但是它们不起作用。

这让我很困惑,谢谢你的回答!

0 投票
3 回答
1375 浏览

angular - 如何让我的 Angular2 DatePipe 格式的日期更新?

问题示例:http ://plnkr.co/edit/7FeRoyyqDnjXpV9Q9Vpy?p=preview

当我在不使用任何管道的情况下传递我的变量时,它会按预期更新。但是同一变量的 DatePipe 格式的副本不会更新。管道是否仅针对可观察对象进行更新?或者我可以将它与标准日期类型一起使用并期望它实时更新吗?

我在 DatePipe API 中看不到任何暗示这是预期行为的内容,但我已将其范围缩小到只有 DatePipe 可能以这种方式影响行为的程度。 https://angular.io/docs/ts/latest/api/common/index/DatePipe-pipe.html

0 投票
1 回答
1564 浏览

javascript - Angular2使用RegExp过滤带有管道的对象数组?

在 stackoverflow 和谷歌上搜索了几个小时后,我没有找到我正在搜索的内容,但我确实找到了一些让我想到替代解决方案的东西。

对象示例:

决议:

这会给我:

它按原样工作,但我的目的是让它与 RegExp 一起工作,我已经尝试过,但由于某种原因,当我使用 var something = new RegExp(// some rule) 时出现错误。

任何想法都非常感谢。

0 投票
1 回答
1120 浏览

angular - Angular2动态管道

我正在使用管道来国际化我的应用程序:

此管道调用服务:

在一个组件中,我这样使用它:

但是,即使服务语言值已更改,管道结果也不会重新评估。我需要导航到任何其他路线并回来查看考虑到此更改。

我尝试了 ApplicationRef.tick() 和 NgZone.run(callback) 没有任何运气。

关于如何在不导航到另一条路线或重新加载页面的情况下重新评估应用程序的每个管道的任何想法?

谢谢

0 投票
7 回答
27666 浏览

javascript - Angular 2 ngFor - 使用索引的反向输出顺序

尝试学习有关 Angular 2 中的过滤和排序的知识。我似乎找不到任何像样的资源,并且我被困在如何使用索引以相反的顺序对 ngFor 输出进行排序。我写了以下管道,它不断给我错误,数组切片不是函数。

我的 ngfor 看起来像这样。

0 投票
2 回答
650 浏览

angular - 是否有内置管道仅显示数组中的部分条目

我正在展示产品:

我想限制使用组件上的属性显示的条目数。是否有内置管道可以做到这一点,或者我应该创建自己的管道?

这是我的看法:

因此,如果propertyOnComponent是 3,则只会显示 3 个条目。

0 投票
0 回答
96 浏览

angularjs - 如何在 Angular 2 中显示高频数据而不触发“检查后值已更改”错误?

我正在尝试显示倒数计时器,但我很难过。我基本上存储 a startTime,然后使用管道计算并显示差异。

这是我的管道

代码有效,但我得到了错误Expression has changed after it was checked. Previous value: '0:00:0004'. Current value: '0:00:0008'.

我知道幂等表达式,但是如何显示具有高变化频率的数据呢?

0 投票
1 回答
3610 浏览

angular2-pipe - angular2 将“阅读更多”链接添加到自定义管道

我已经创建了客户摘要管道类,它工作正常,但我想在子字符串的末尾添加一个阅读更多链接。当点击所有显示的内容时。

我需要填写我知道的 fucn 但我需要问什么是更有效和更真实的方式来完成这个?

0 投票
1 回答
63 浏览

angular - 我可以退回内置管道吗?

我有一个关于 angular2 管道的问题。我想根据模式获取管道作为返回值:字符串。我认为有两种方法可以得到它,但两者都不起作用。

page.html

页面.ts

或者

page.html

页面.ts

有什么想法吗?谢谢。