问题标签 [angular-pipe]

我有一系列模型。在模板中我使用管道

在每个组件中，我都有一个用于更新数据的计时器。但是当模型更新时，管道没有再次运行。在这种情况下，有没有办法强制运行管道或做一些有角度的方式。

在卡片视图中，我有一个更新卡片变量的计时器。但是 Angular 没有捕捉到触发管道的这种变化

我正在构建具有 3d 模型列表的 Web 应用程序。我这样做是为了练习目的，以获得一些关于角度 2 的初步知识。

每个列出的模型都将具有名称、主图片、类别和滑块（图像数组）。

模型数据数组为：

用于正确显示特定模型的服务是：

模型详细信息的页面模板是：

这些主要是我使用的东西：https ://angular.io/docs/ts/latest/tutorial/

但是，当我尝试使用最简单的方法将幻灯片数组显示到模型详细信息页面时，它会显示 [object Object]。我读到这可能是 angular 2 中的一个常见问题，可以通过使用自定义管道来解决。不幸的是，我不知道如何为这种特定情况编写一个。

一般问题是：如何在 html 模板上正确显示对象数组（幻灯片），并将它们分别包装到img标签中。

这是 plunker 示例链接：http ://plnkr.co/edit/HVo3dtGprMHsPYeyRWBR?p=preview

提前致谢，

我在角度 2 中创建列表，并希望在输入文本中输入值时过滤数据，但我的代码不起作用。我使用管道过滤它。请告诉我做错了什么。

html

过滤管

按输入文本过滤的数组列表

我目前正在使用 Angular 2.0.0

我正在使用模板标签来使用 angular 1 ng-repeat-start和ng-repeat-end 的功能。它工作正常，但不明白我如何在其中声明管道。所以请帮助我。

在这个我想放| customfilter:value | paginate:{itemsPerPage:4, currentPage: p}

我想<input type='text' placeholder=' {{ 'somestring' | getText }}'>使用管道动态设置占位符。（这个方法不行）

管道本身工作得很好，例如 <p>{{ myVariable | getText}}</p>可以正确渲染，以及<p>{{ 'someString' | getText}}</p>

如何使用它来动态设置占位符字符串？

我正在构建一个简单的反应形式。为简单起见，假设我要显示的唯一数据是日期。

test.component.html

测试组件.ts

模板上的输入 type=date 字段要求日期格式为 'yyyy-MM-dd'。event 中的值是一个 JavaScript Date 对象。

如何在模板级别修改数据以使输入值正确？

我试过的：

一种方法是将 DatePipe 注入我的组件并在代码中应用转换。

但这会将模板的实现细节与组件联系起来。例如，如果 NativeScript 模板要求日期格式为MM/dd/yyyy怎么办？formGroup 不再有效。

这是Angular2的后续问题- 从变量分配管道

我正在寻找的是一种基于变量名使用管道的方法。我尝试了 Günter 的建议并创建了一个返回其他管道的管道，但是您将如何返回另一个管道并确保它不呈现为文本？

我有以下管道：

但是当我用日期字符串和“日期”参数输入它时，如下所示：

它呈现为innerText：

我试过[innerHTML]但也没有运气。

我正在尝试在输入中添加简单的搜索过滤器，以便它可以过滤我在表中的记录。

但我收到这种错误：

所有文件：

orders.component.html、orders.component.ts、filter.pipe.ts 在同一个文件夹中

文件中有代码：

orders.component.html 中的 HTML

过滤器.pipe.ts

订单.component.ts

看起来它不喜欢pipes: [FilterPipe]，但据我所知，它设置正确。

在网络浏览器中，我收到此错误：

我在 angular2 中使用货币管道，当前我正在使用

哪个输出$480,000.00但是我想要的结果是$480k，这可能实现吗？

Ng2-translate directive给我带来了一些问题，但如果我做错了什么或者它是一个错误，我不明白。

在同一个组件的html模板上，翻译pipe工作正常，而翻译工作directive不工作。

尤其是：

见https://github.com/ocombe/ng2-translate#4-use-the-service-the-pipe-or-the-directive

我错过了什么还是应该工作？

编辑

变量feature.linkTxt指向string LEARNMORE，它对应于以下json字符串：

如果我使用相同的变量从指令切换到管道，则会显示翻译后的文本。

该feature.linkTxt变量由以下*ngFor语句生成：