问题标签 [angular2-custom-pipes]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
189 浏览

angular - Angular:div ngIf* 中的条件自定义管道

有没有办法通过 ngIf 中的自定义管道有条件地处理可观察数据

我可以做类似的事情

但是,我想在使用 customPipe 之前有一个条件

我只有if条件,不需要else块。但是,我无法弄清楚这个功能是否存在。

0 投票
1 回答
260 浏览

angular - 如何添加应用按钮以进行角度过滤?

目前,我对表格有一个性别和影响过滤器,它能够过滤所选选项的数据。

例如,如果您选择男性,它将过滤男性数据,对于女性,影响:适用和不适用。

现在,我想添加一个应用按钮,将它们连接在一起并进行过滤。单击应用按钮后,将过滤两者的数据组合。

在此处输入图像描述

在此处输入图像描述

任何人都可以帮我解决这个要求吗?

代码:

表过滤器.pipe.ts

0 投票
1 回答
275 浏览

angular6 - 需要以角度 6 以“hh:mm:ss”格式显示时间

我们有以下格式的时间响应,例如,

或者

我们需要在“hh:mm:ss”或“hh:mm”中显示它。

我尝试使用 split 和 if - else 条件对其进行转换,但是由于两种格式都需要差异拆分,因此搜索自定义管道来处理这两个条件。

0 投票
0 回答
106 浏览

angular - 有条件地在 ngFor 上应用 Angular 管道

我有以下代码:

我需要应用自定义管道来过滤不活跃的用户。

有用。

但我希望有条件地应用管道,只有当用户单击给定按钮时。我的意思是用户按下“仅显示活动”并获取仅由活动用户过滤的列表。

也许我不能在 HTML 代码中使用管道来做到这一点,但我必须在组件中使用它,通过以下方式使用管道:

这不是一种肮脏的方式,因为我应该有一个备份数组来恢复以前的值吗?

有更好的办法吗?

0 投票
0 回答
58 浏览

angular - Angular 自定义管道:SafeValue 必须使用 [property]=binding

这是我的自定义管道代码:

在这里,文本是一大块字符串。并且searchColl是需要在其中突出显示的单词的集合。

这运行良好并突出显示文本中的所有单词,但它附加"SafeValue must use [property]=binding"在呈现的文本上,如下所示:

安全价值的结果

这就是我在组件代码中使用它的方式:

我也试图从从 Pipe 收到的字符串中删除这个字符串,但这也不起作用(参见上面的注释代码)。

另外,我什至尝试过:

但没有成功。

有人可以指出我做错了什么。

0 投票
1 回答
41 浏览

angular - SortPipe 传递参数

这是我用于我的应用程序的排序管道,我需要从下面的接口列表中传递 sortFiled类别作为参数

我试图像这样通过courseAssignment.categorycourse.courseAssignment.category都没有工作需要一些帮助

当我点击按钮时,我在 TS 文件中设置了这样的参数,但它不起作用。

0 投票
1 回答
24 浏览

angular - 如果某个布尔值在角度中为真,如何有条件地在 ng-container 中的 observable 上应用异步管道

我有一个使用 Angular 的异步管道订阅的 http 请求。我需要的逻辑是只有在某个条件为真时才将异步管道添加到 ng-container 标记中。我尝试了以下代码:

如果字符串 eventCode != 'ADD' ,我需要 tableObservable 只有异步管道,否则我不希望对 tableObservable 进行任何操作。

有没有办法以角度有条件地将异步管道添加到 ng-container?

期待有关解决此问题的最佳方法的一些见解。