问题标签 [angular2-pipe]

我在使用反应形式的管道时遇到了麻烦。我有一个将我的对象转换为数组的管道，因此它可以与*ngFor.

到目前为止一切顺利...问题是当我在 my 中创建输入（使用表单控件绑定值）*ngFor时，此输入中的每次更改都会触发管道更新。结果是每次我在输入中写一个字母时，我的输入都会失去焦点。

HTML：

还有我的管道：

这是一个证明问题的plunker。

如何在编写时使管道处于非活动状态，或者我可以使用与管道不同的方法？

请注意，我无法更改我的对象并且它具有未知属性（item1在item2plunker 示例中）

我有这个PipeGalleryFilter.ts：

然后我将它添加到我的Gallery：

html

ts

但我不断得到：

例外：./Gallery 类库中的错误 - 内联模板：22:39 导致：无法读取未定义的属性“类型”

我有点怀疑它与线路有关return items.filter(item => item.type.indexOf(args[0].type) !== -1);，但我不确定如何正确处理。

我该如何解决这个问题？

我正在尝试创建一个自定义管道以在我的角度组件中显示数据，但由于某种原因无法成功。有人可以帮我创建这个自定义管道以按以下格式显示票证吗？这是我的笨蛋。

情况：

我只需要在一个组件中使用管道。出于这个原因，我不想在全球范围内导入它，而只想在组件中导入它。

我曾尝试寻找有关如何执行此操作的参考，但找不到。

这是我的尝试：

管道：

在全球测试时工作正常

组件：

错误：

柱塞：

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

问题：

你知道我做错了什么或者我错过了什么吗？

谢谢！

我正在尝试使用I18nSelectPipe. 我有以下内容code：

在HTML：

您可能已经注意到，我正在尝试使用该管道简单地翻译“密钥” ，但它总是返回以下错误：

原始异常：管道“I18nSelectPipe”的参数“[object Object]”无效

如果我尝试如下简单的操作，它会起作用：

我该如何解决这个问题？

顺便说一句，这是一个示例代码，代码不是这样硬编码的。

name管道必须按属性对对象数组进行排序。

按.pipe.ts排序：

app.component.html：

app.module.ts：

对象数组：

它不会正确地对对象进行排序，但也不会引发任何错误。
也许我的文件有问题？

任何帮助表示赞赏！

在我应用一个按对象的名称值过滤它们的管道过滤器之后，我希望在我的 json 对象中显示数量值的总和。到目前为止，我可以通过它们的 .json 对象的名称值过滤数字，但是我无法在管道中使用 .reduce() 方法找到并显示总和。

如何显示我的管道按名称值过滤的金额总数？

最终，我希望用户搜索一个城市并查看每个对象的数值的总和，该数值可通过相同的城市名称识别。
（我正在构建本教程https://www.youtube.com/watch?v=sVTNaYBVP88&list=PL4cUxeGkcC9jqhk5RvBiEwHMKSUXPyng0&index=22）

json样本

组件 HTML

总管

我将用管道解析一个 ID。

我认为这不是每次调用服务/api的最佳方式吗？

之前存储所有国家会更好吗？我怎样才能在管道中返回国家名称？

服务：

管道：

编辑：

我有一个日期时间返回，"2016-12-20T19:00:00"并在其上使用以下管道：{{ dateObj | date:'shortTime' }}我希望/期望它显示为 7:00 PM，但它显示为 1:00 PM。这是Angular的错误，还是我做错了什么？

我希望能够categories通过对类别名称执行搜索来搜索数组。我尝试了以下解决方案，但我不确定如何编辑管道中的变量以满足我的需要。

使用以下代码，控制台会记录以下错误。

categories.component.html:46:10 导致：item.indexOf 不是函数

Template

Pipe