问题标签 [angular-pipe]

在管道的角度 2 示例中：https : //angular.io/docs/ts/latest/guide/pipes.html 有一个 HeroBirthday2Component 的示例。我无法理解这条线是如何工作的

get format() { return this.toggle ? 'shortDate' : 'fullDate'; }

我的意思是我知道它会切换格式属性，并且在 toggleFormat() 更改它之后，DOM 会通过更改检测进行更新。但我无法掌握上面的线。有人可以解释一下代码行及其实现。

我正在尝试制作一个灵活的管道来过滤我的对象数组以使用 *ngFor 显示它

例如，我只想为具有 true 属性的对象显示 div：

当我尝试像这样动态设置属性时，它似乎不起作用

我也试过这个

还有这个（带有 es6 模板字符串）

但是如果我像这样直接调用属性，这个管道效果很好

我真的需要让它更灵活，因为我的应用程序中有很多情况需要通过不同的属性值过滤项目

我正在使用管道过滤项目

我的输入文件在 search.html 文件中，而 Itemlist 在 List.html 文件中

模型中的更改不会触发管道变换。请帮忙。下面是代码片段。

搜索.html

列表.html

搜索.pipe.ts

我创建了这个自定义管道：

我在一个组件中使用它：

<tr *ngFor="let item of items | orderBy:'title'" class="myclass">

表格行显示正确，但在管道中items数组长度始终为零。从管道返回的控制台语句显示了一个填充有对象的数组。为什么数组看起来是空的？

我从我的数据库中检索以下字符串：“P.5 ¿Conoce la <strong><u>OFICINA VIRTUAL </u></strong>de {TOKEN:ATTRIBUTE_50}？” 我需要显示为带有原始标签strong的HTML。u

我确定我需要制作一个管道，但不知道如何使用带有 cli 的 Angular 2 来完成它，¿有什么帮助吗？

我正在使用 Webpack 开发 Angular 2 应用程序。

我正在 Angular 2 中实现一个管道来使用 google-libphonenumber 格式化电话号码。一切都按预期工作。我对 require 的工作原理不是很了解，即，它就像使用现有的 JS 函数或加载库进行昂贵的操作一样简单。所以我不确定我是否必须在下面的示例中定义管道中的函数PNF之外。phoneUtiltransform

将不胜感激任何建议。我的目标是优化应用程序性能。

我正在尝试编写一个first word在字符串中打印的管道。以下是我不希望打印first letter字符串的错误代码。

例如。

PIPE

COMPONENT

TEMPLATE

OUTPUT

C

DESIRED OUTPUT

查克

我正在尝试过滤一组对象。我究竟做错了什么。

我的烟斗

我的数据会像

我想搜索值。

发布这个问题后，我想出了一个解决方案。

我目前的解决方案

这个好吗。或任何推荐的方法？

上面的字段应该是货币字段。我正在使用 currencyMask 在用户输入时格式化字段值。但是当值从后端传递到输入时（显示为预填充数据），它不会被格式化。

所以我正在考虑实现一个在这两种情况下格式化值的管道。但我没有适当的方法来实现它。

我试过：

输入[value]="{{control.value | customPipe}}" currencyMask [id]="control.fieldId" [type]="text" (keypress)="onkeypress($event)"

它抛出了一个意外的错误 {{}}

我愿意接受任何更好的建议

我正在尝试使用自定义管道来过滤项目列表。

我想在显示该列表的页面组件中使用它。

我尝试将管道导入组件

但我得到这个错误：

错误：模板解析错误：找不到管道“myFilter”

我也尝试mymodule-list.module.ts在我的声明和提供者中将其声明为提供者或全局app.modules.ts提供者，但仍然不起作用。

我查看了有关Pipe的 Angular文档以及其他 stackoverflow 答案，但找不到使其工作的方法。

所以我的问题是如何在 Angular (v4.1.0) / Ionic (v3.3.0) 中声明/注册自定义管道以用于特定组件？