问题标签 [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.
angular - 如何在异步管道上使用自定义管道?
我正在尝试在异步管道上创建自定义管道,我尝试了很多解决方案,但仍然无法正常工作。这是代码片段。
product.sort.ts - 自定义管道
products.component.ts - 主要组件
在这里,我使用 store 进行状态管理,我试图按名称排序,因此将“A”作为第一个字母传递。由于$productList是可观察的,如何编写处理这样的异步行为的管道,请帮我解决这个问题。
angular - Angular2 + async pipe:从单个 Observale 获取多个值
我有一个服务,它返回一个 Observable。现在我正在寻找正确/最有效的方法来从此 Observable 获得多个结果,而无需编写太多代码。
MyService
返回一个Observable<Array<Foo>>
MyComponent
调用myService.getFoos()
并应输出数组的前 5 个元素、数组的总长度以及未显示的元素数。
这是我当前的代码:
结果看起来不错,但我使用了async
4 次管道。其中(据我所知)将导致 4 个订阅。我猜这根本没有必要(?)
当然,我可以在constructor
of 中手动订阅MyComponent
,然后在没有async
管道的情况下生活。但后来我必须照顾自己退订。
有没有其他方法来处理这个?
angular - 在Angular 2中对象的所有属性中搜索字符串
如何在 Angular 2 中使用 TS 在对象的所有属性中搜索字符串。
我在带有搜索框的表中呈现了一组客户,如果用户键入一个值,我想搜索所有属性值以推送与键入的值匹配的客户。
过滤管
在上面的过滤器管道中,我只能按名称搜索。我不知道如何解决这个问题。我是否应该为 Customer 对象创建一个方法,该方法返回所有连接的属性值,然后在这个连接的值上搜索术语?
javascript - 单元测试 Angular 2 组件时,内置管道会导致失败
我有我想测试的示例组件。当我使用自定义管道(例如我的自定义管道concat
)时,它工作正常。
但是当我尝试使用内置管道(例如number
)时,我的测试失败了,没有任何信息性错误消息。
示例规格代码
另外,我尝试从“@angular/common”导入 DecimalPipe 并将其添加到声明数组中,但会导致错误
DecimalPipe 类型是 2 个模块声明的一部分:CommonModule 和 DynamicTestModule!
我正在使用 Angular 2.0 发行版。
UPD
在提供的plunker @yurzui中测试工作正常,但在我的项目中失败。我想问题可能与我的业力配置文件有关
业力.shim.js
业力.conf.js
angular - Angular2 .filter 不是函数
在按照教程使用 angular2 管道过滤数据时,出现以下错误
有没有人能够阐明为什么value.filter
不是功能。它似乎与教程语法一致,我在想也许更新出来需要不同的东西?
管道
零件:
HTML
angular - 如何使管道动态angular2
我有以下 UI 按钮:
[显示全部] [类别 1] [类别 2]
我想使用filterBy
from ngx-pipes
( https://github.com/danrevah/ngx-pipes ) 来过滤我的数据。
Usage: array | filterBy: [prop, nested.prop, ...]: search: [strict | optional]
从文档中,他们的例子是:{{ users | filterBy: ['work.company']: 'Bar Tech' }}
我不想将“Bar Tech”作为“硬编码”过滤器,而是指定一个变量“currentCategory”——我该怎么做?我只是用 替换
Bar Tech
吗currentCategory
?如何在按钮单击时进行管道更新?我知道我可以绑定(单击)事件,但是我不太确定如何更新
currentCategory
(单击),这会提示管道再次过滤。
换句话说:使用按钮,我想根据匹配的属性更新我显示的数据(按钮的值必须在对象的属性中)
json - 如何使用自定义管道Angular2
我有以下 JSON 对象: http: //pastebin.com/1TguvZXc
这是我的模型组件 HTML:
我的 models.component 中的(管道?)方法:
此外,我想使用FilterByPipe
管道 fromngx-pipes
按类别过滤掉models.years.styles.submodel.body
.
我的 HTML 中的代码产生以下错误:
javascript - 如何修改管道以删除重复条目?
我有以下 JSON 文件: http: //pastebin.com/1TguvZXc
通过遍历数组,可以在数组中找到重复的“body”:
换句话说:
应检查重复项:
其余的数据对我来说毫无用处。
我有以下管道:
如何在我的 .filter 函数中添加一个额外的“测试”来检查“submodel.body”的值是否存在于任何样式数组中?
angular - 来自过滤的 JSON 的 Angular 2 管道
我将使用管道过滤一些 json 并根据值显示名称
这是我的 JSON
这是管道:
这是 Console.log(val) 的结果
HTML:
但结果是空的
谢谢
angular - Angular 2 - 如何在自定义管道中使用内置管道
我想使用内置货币管道制作自定义货币管道。我想使用的方式是{{ anyNumber | customCurrency }}.
然后在我的 customCurrency 管道中,我想使用内置的货币管道。我可以根据一些逻辑决定货币管道的参数,并且不想在任何地方指定语言环境和其他参数,例如{{anyNumber | currency:'USD':false:'1:0-0'}}
.