问题标签 [angular-pipe]

我在我的项目中使用@angular~4.0.0，我以表格形式显示数据并想添加搜索控件。

此代码有效（无过滤器）

但是当我为过滤器添加下面的代码时，它会抛出错误

错误 ：

代码

组件列表.components.html

过滤器数据.pipe.ts

组件列表.component.ts

感谢你的帮助。

动态地，我从我的服务器以 json 格式获取 HTML 内容。

组件.ts

sat.html.pipe.ts

我没有其他选择可以更改此 html 内容。但是，对于我的应用程序，我必须实现两件事，

1. 更改图像路径
2. 添加点击事件

最终输出应该是：

和

我们如何使用任何管道正则表达式或其他逻辑来实现它？给我一些关于它的功能建议。

使用

当我amTimeAgo在模板中使用管道时：

，可观察到：

常量每秒刷新一次（每次都是 new new Date()）。

如何防止这种情况？

为什么每次都获取新数据？

我不希望每次都有新数据。另外，这将是一个 HTTP 调用，因此很昂贵。

我猜更改检测被触发得太频繁了......

我检查的其他管道似乎不会导致问题（例如 amDateFormat）

我期待根据其值将一些异步接收的数据着色为绿色或红色。

为了处理竞争条件，我使用了一个主题，它广播一个包含我感兴趣的数据的对象。

我成功地做了我想做的事，但生成的代码很丑：

<span [ngClass]="{greenClass: isPositive((mySubject | async)?.fieldData), redClass: !isPositive((mySubject | async)?.fieldData)}"> {{(mySubject | async)?.fieldData | number:'1.0-1' }} </span>

有没有更好的方法来解决这个问题？我试图在 ngClass 中添加一个三元表达式，但没有成功。将代码移回我的控制器是不行的，因为它会立即创建十个变量。

我正在尝试模仿 AngularJS 中的 OrderBy。

鉴于这种数组。我需要按 car_category 过滤汽车。

这是我的代码到目前为止的样子

car.component.html

car.component.ts

filet-by.pipe.ts

我的管道需要如何重构？

更新 这就是我的管道现在的样子。请注意，汽车是数字，年份显示为字符串

我正在将我的应用程序分解为模块，但我在使用管道时遇到了一些问题，我有一些管道需要在整个应用程序中使用。

我尝试制作自己的管道模块，但这似乎并没有像我预期的那样工作。

这就是我所做的。

我希望能够将它导入我的GlobalsModule，这样我只需要导入一次，然后在我导入GlobalsModule的任何地方我也可以访问所有管道UpPipesModule

GlobalModules错误：简单地说，当我添加到要导入它的模块时，我的管道似乎没有被加载。因此我得到以下错误。

至于我想要发生什么。我希望我的管道加载到可以包含在我的单个模块中，GlobalModule然后我可以将其导入到我的应用程序子模块中，每个子模块都代表应用程序的一部分。

导致错误的管道：

我想创建一个管道来检查特定对象，而不是全部。这Pipe将不得不隐藏重复。

管道

模板

我当前的文本过滤器成功过滤了一个数组并只输出完全匹配的大小写。我希望能够在不匹配不影响各自案例中搜索结果的案例的情况下进行搜索。

搜索文本：doe
搜索结果：John doe
预期结果：John doe,Jane Doe

当前文本过滤器管道：

我有以下内容：

i18n translation是在li块内制作的。然后，无论翻译是什么，orderBy管道都不关心对数组进行排序的语言。

如何以特定语言订购？

• 做类似的事情：let item of array | translate: 'type' | orderBy: 'type'
• 用translate管子进orderBy管子
• 翻译控制器中的数组，然后使用orderBy排序

我正在使用 *ngFor 从 mongoDB 动态填充表。在其中一个单元格中，我有一个字符串数组，例如 string1、string2、string3、string4。如何将字符串显示为：
string1、
string2 、 string3 、
string4

这是我的代码：

在我的 component.ts 我正在做

谢谢您的帮助。