问题标签 [angular-pipe]

我有下表：

在此表中，我使用 @pipe 对数据进行分组。管道看起来像：

这工作正常。

我需要data2.SomeNumericValue使用管道在 *ngFor 中得到渲染的总和。但是求和必须在 *ngFor 之外呈现。在上面的例子中，我写了它应该在哪里。真实表包含许多列和行。并且可以动态添加行。通过某些列，我想得到总和。我知道如何在单元格中编写函数和渲染结果。但我认为总和必须在 *ngFor 内部计算，因为它减少了迭代次数。但也许我错了。如何做到这一点，哪种方法最好？

我刚刚学习 Angular 2，我无法解决的一个问题是使用 ngModel 创建表单，而无需静态指定我绑定到的属性的名称。

我不确定克服这个问题的机制（尽管我确信它足够普遍）或者它在社区中是如何被提及的。

我的模板确实显示了键和值，但它不反映保存时的更新。似乎以动态方式引用属性会导致绑定丢失。（它是在管道数据之前评估绑定属性吗？）

这是我卡住的地方：

模板：

管道：

零件：

我正在尝试在我的 Angular 应用程序中创建一个更强大的大写管道。最初，我所拥有的大写管道只需要大写单个单词。现在我遇到了可以有多个单词的情况。这就是我的管道现在处理这种情况的样子：

但我在控制台中收到此错误：

原始异常：input.split 不是函数

关于这里发生了什么的任何想法？

first, this is what I would like to accomplish:

Let's say I have a model for a posting that contains a js Date object. Now, I would like to render the date in a custom, human readable format that does not show a date and time, but rather an offset from now (i.e. "just now", "about one hour ago", "about two hours ago" etc.).

I am new to both, TypeScript and angular2, but from what I read so far, the most elegant approach would be to use a custom pipe like that:

The problem with this approach is that TranslateService's instant() method doesn't make sure the translation file is loaded at the time this pipe is constructed or used. Therefore, my custom pipe currently just returns my translation key (since instant() doesn't find my translation).

For larger timegaps (i.e. more than a day ago), my pipe should internally just use the date format pipe, so returning a translation key that has to be piped into translate isn't really an option.

Do you have any suggestions? Is using a custom pipe the right approach for what I would like to accomplish?

Thanks!

在我的项目中，我有一个自定义管道来过滤列表：

我使用这个管道如下：

问题是我收到 FilterListPipe 中引发的错误：

参数为空

所以这不起作用：

我可以以某种方式使用 async 的结果作为自定义管道的参数传递吗？或者我应该订阅我的类中的 observable 并创建另一个类变量？

我在我的 Angular 2 应用程序中实现了以下自定义管道：

它适用于“标准”格式：

但是当我尝试打印日期名称时：

我简单上屏幕ddd。可以肯定的是，在ts我做的文件中：

例如，我得到Sat了。

我想这与编译有关，但既找不到好的解释也找不到解决方案。

假设我有以下代码：

这是我的管道：

日志是这样的：

如您所见sterm，没有传递给管道。

注意：在这里使用管道的主要目标是获取除当前值之外的所有其他数组元素（例如，在第一个循环中，我想获取数组中的所有其他单词 except Software，而在第二个循环中，所有其他单词 exceptEngineering和 else 相同.)

注意：sterm应该Software在第一次迭代和Engineering第二次迭代。

我想创造一些这样的想法：

想要为<a>数组内的每个关键字创建标签，但将所有其他单词作为查询字符串传递给a标签。例如：

如何在组件代码中从模板引用管道？在模板中

我想从组件中的这个自定义管道中检索值，以便可以在代码中使用它们。如果我在构造函数中添加管道，我将创建新管道。

我有一个大写管道。几乎所有字符都是大写的。土耳其语 'ı' 字符正确转换为 'I'。但是，“i”字符在应该转换为“İ”字符时被转换为“I”。

示例 1：ırmak => Irmak（正确）。

示例 2：ismail => Ismail（不正确，应该是 İsmail）。

我的代码如下：

关于何时使用自定义管道以及何时使用自定义组件的任何规则？

这些可能是经验法则（下）吗？

• 如果需要非纯文本 html，请使用组件？灵感来自：https ://stackoverflow.com/a/34504446/170451
• 如果某些东西不是交互式的（静态输出），请使用管道？

文档似乎没有直接回答这个问题：https ://angular.io/docs/ts/latest/guide/pipes.html

管道可以被认为是“穷人的组件吗？”

管道相对于组件有一些优势吗？

我的猜测：

• 更短的语法/表现力
• 性能优势（构建时间？运行时间？）
• 使用纯文本时的好处？

这个陈述（这是我写的猜测）是否成立？