问题标签 [angular-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 投票
3 回答
16052 浏览

angular - 如何在异步管道上使用自定义管道?

我正在尝试在异步管道上创建自定义管道,我尝试了很多解决方案,但仍然无法正常工作。这是代码片段。

product.sort.ts - 自定义管道

products.component.ts - 主要组件

在这里,我使用 store 进行状态管理,我试图按名称排序,因此将“A”作为第一个字母传递。由于$productList是可观察的,如何编写处理这样的异步行为的管道,请帮我解决这个问题。

0 投票
1 回答
1730 浏览

angular - Angular2 + async pipe:从单个 Observale 获取多个值

我有一个服务,它返回一个 Observable。现在我正在寻找正确/最有效的方法来从此 Observable 获得多个结果,而无需编写太多代码。

  • MyService返回一个Observable<Array<Foo>>

  • MyComponent调用myService.getFoos()并应输出数组的前 5 个元素、数组的总长度以及未显示的元素数。

这是我当前的代码:

结果看起来不错,但我使用了async4 次管道。其中(据我所知)将导致 4 个订阅。我猜这根本没有必要(?)


当然,我可以在constructorof 中手动订阅MyComponent,然后在没有async管道的情况下生活。但后来我必须照顾自己退订。

有没有其他方法来处理这个?

0 投票
3 回答
12358 浏览

angular - 在Angular 2中对象的所有属性中搜索字符串

如何在 Angular 2 中使用 TS 在对象的所有属性中搜索字符串。

我在带有搜索框的表中呈现了一组客户,如果用户键入一个值,我想搜索所有属性值以推送与键入的值匹配的客户。

过滤管

在上面的过滤器管道中,我只能按名称搜索。我不知道如何解决这个问题。我是否应该为 Customer 对象创建一个方法,该方法返回所有连接的属性值,然后在这个连接的值上搜索术语?

0 投票
2 回答
2446 浏览

javascript - 单元测试 Angular 2 组件时,内置管道会导致失败

我有我想测试的示例组件。当我使用自定义管道(例如我的自定义管道concat)时,它工作正常。

但是当我尝试使用内置管道(例如number)时,我的测试失败了,没有任何信息性错误消息。

示例规格代码

另外,我尝试从“@angular/common”导入 DecimalPipe 并将其添加到声明数组中,但会导致错误

DecimalPipe 类型是 2 个模块声明的一部分:CommonModule 和 DynamicTestModule!

我正在使用 Angular 2.0 发行版。

UPD

在提供的plunker @yurzui中测试工作正常,但在我的项目中失败。我想问题可能与我的业力配置文件有关

业力.shim.js

业力.conf.js

0 投票
2 回答
2114 浏览

angular - Angular2 .filter 不是函数

在按照教程使用 angular2 管道过滤数据时,出现以下错误

有没有人能够阐明为什么value.filter不是功能。它似乎与教程语法一致,我在想也许更新出来需要不同的东西?

管道

零件:

HTML

0 投票
1 回答
1773 浏览

angular - 如何使管道动态angular2

我有以下 UI 按钮:
[显示全部] [类别 1] [类别 2]

我想使用filterByfrom ngx-pipes( https://github.com/danrevah/ngx-pipes ) 来过滤我的数据。

Usage: array | filterBy: [prop, nested.prop, ...]: search: [strict | optional]

从文档中,他们的例子是:{{ users | filterBy: ['work.company']: 'Bar Tech' }}

  1. 我不想将“Bar Tech”作为“硬编码”过滤器,而是指定一个变量“currentCategory”——我该怎么做?我只是用 替换Bar TechcurrentCategory

  2. 如何在按钮单击时进行管道更新?我知道我可以绑定(单击)事件,但是我不太确定如何更新currentCategory(单击),这会提示管道再次过滤。

换句话说:使用按钮,我想根据匹配的属性更新我显示的数据(按钮的值必须在对象的属性中)

0 投票
2 回答
253 浏览

json - 如何使用自定义管道Angular2

我有以下 JSON 对象: http: //pastebin.com/1TguvZXc

这是我的模型组件 HTML:

我的 models.component 中的(管道?)方法:

此外,我想使用FilterByPipe管道 fromngx-pipes按类别过滤掉models.years.styles.submodel.body.

我的 HTML 中的代码产生以下错误:

0 投票
1 回答
1066 浏览

javascript - 如何修改管道以删除重复条目?

我有以下 JSON 文件: http: //pastebin.com/1TguvZXc

通过遍历数组,可以在数组中找到重复的“body”:

换句话说:

应检查重复项:

其余的数据对我来说毫无用处。

我有以下管道:

如何在我的 .filter 函数中添加一个额外的“测试”来检查“submodel.body”的值是否存在于任何样式数组中?

0 投票
1 回答
502 浏览

angular - 来自过滤的 JSON 的 Angular 2 管道

我将使用管道过滤一些 json 并根据值显示名称

这是我的 JSON

这是管道:

这是 Console.log(val) 的结果

HTML:

但结果是空的

谢谢

0 投票
1 回答
8916 浏览

angular - Angular 2 - 如何在自定义管道中使用内置管道

我想使用内置货币管道制作自定义货币管道。我想使用的方式是{{ anyNumber | customCurrency }}.然后在我的 customCurrency 管道中,我想使用内置的货币管道。我可以根据一些逻辑决定货币管道的参数,并且不想在任何地方指定语言环境和其他参数,例如{{anyNumber | currency:'USD':false:'1:0-0'}}.