问题标签 [angular-pipe]

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 回答
198 浏览

angular - 使用 ng-filter 时出错 ERROR 错误:未捕获(承诺中):TypeError:无法将未定义或 null 转换为对象

我正在使用一个 npm 插件NgPipesModule(来自 package.json: "ng-pipes": "^0.1.2",)。在 App.Module 中,所有内容都已正确导入和注入。

我有以下组件:

这是 HTML 模板:

当我打开一个组件时,我有一个包含预期数据的表,并且一个过滤器实际上可以工作,这意味着如果我在上面的表单中打印一个关键字,表会根据我的查询而变化。

问题就在这里。在控制台日志中,我有以下错误。之后我无法再次使用应用程序。有人可以解释一下,这里有什么问题吗?

这是来自 html 的第 22 行

0 投票
2 回答
5641 浏览

angular - 如何在 angular2/ionic 2 typescript 应用程序中使用 Numeral.js 库?

我已经成功地在我的 angularJs(1.x) 应用程序中使用 Numeral.js 库以不同格式格式化我的数字。这就是我使用 angular1 过滤器的方式:

过滤器.js

为此,我遵循了Numeral.js 的官方文档 并使用 npm 安装。我还在 index.html 中引用了 nodemodules。

在浏览器中

但它显示

错误 ReferenceError:数字未在 NumeralFilter.transform 中定义

最初我尝试使用 CDN 参考,它在浏览器中按预期工作。但是当我在真实设备上安装应用程序时,我收到一个错误“未定义数字”。

管道

是否有任何类型脚本库用于格式化和操作数字,或者有没有办法在 angular2 中做到这一点?

0 投票
0 回答
192 浏览

angular - Angular2在json数据上管道时间间隔

我正在用 highcharts 构建一个 angular2 应用程序。我已经设置了我的数据导入服务,我已经可以处理数据以进入 highcharts,但现在我想以 5 分钟的间隔对数据进行分组。我拥有的数据处于时代。现在我想以 5 分钟的间隔对所有数据进行分组。我看到使用角管可能是最好的方法。

数据服务 > 管道 > 组件 > highcharts

问题是:从每天 0:00 开始,我必须使用哪种管道以 5 分钟的间隔对纪元时间数据进行分组。(所以 0:00 到 0:05、0:05 到 0:10)

0 投票
1 回答
6877 浏览

javascript - TypeError:无法读取未定义的属性“toLocaleLowerCase”

我正在尝试创建一个自定义管道,我已正确遵循说明,但是当我尝试过滤列表时它一直给我该错误

这是我的管道代码

这是我的界面

我的组件

和我的模板

知道是什么原因造成的吗?

0 投票
2 回答
60 浏览

angular - 搜索不工作管道

我为搜索创建管道。when user select complete from selectbox it show complete products and when select the uncomplete show uncomplete product but when i use this code it not show me this Error :

未处理的承诺拒绝:模板解析错误:找不到管道“SearchCompletePipe”(“]task of tasks | SearchCompletePipe:SearchCompletePipe; let index=index”[task]="task">Loading . . .

这是我的代码:

管道 :

任务列表 :

任务.html:

任务项目:

任务.html:

0 投票
4 回答
137262 浏览

angular - Angular 4 管道过滤器

我正在尝试使用自定义管道*ngFor使用带有 ngModel 的输入字段过滤我的循环。使用我的其他自定义管道(sortBy),它工作得非常好。但是,过滤器管道似乎使它没有出现任何数据。我还在学习这个,我尝试了一些变化无济于事:

所以我认为问题可能出在代码的其他地方。如果有人可以提供帮助,我将不胜感激。

这是我的代码:

HTML 组件

管道

模块

JS 组件

0 投票
2 回答
1403 浏览

angular - 在 Angular (Angular 2/4) 中的 *ngFor 中动态应用格式化过滤器/管道?

这是我在组件中的数据对象

HTML

我需要以不同格式显示每行的数据表。

我正在使用打字稿/角度4。

0 投票
1 回答
329 浏览

javascript - 如何在 Angular 2 中的 PipeTransform 中使用自定义组件?

我想在我的管道转换中使用我的自定义组件状态,但它不起作用。

浏览器只显示不带< Status />. 就像我的组件没有被调用。

为什么?请问怎么解决?

组件状态已添加到应用模块。

状态.pipe.ts

索引.html

status.component.ts

0 投票
3 回答
743 浏览

angular - 在数组上使用带有 Dragula 的 Angular2+ 管道

我有一个类似 Trello 的网络应用程序。带有Task可以在状态框中拖放的 s(待办事项、正在处理和已完成)。我使用ng2-dragula来实现拖放功能,并希望实现一种使用Angular 2管道过滤我的任务的方法。

所以我做了,首先定义我的管道:

并将其添加到我的*ngFor

它有效,耶!但是当我拖放任何任务时,它就会消失,再也找不到了。

似乎以任何方式更改任务的状态都会使其消失,这与我的管道有什么关系?

有没有办法同时使用 Dragula 和 Angular 2 管道?

0 投票
0 回答
1141 浏览

angular - 角度日期管道在年份组件后添加加点

我正在使用 Angular 2.4.5 版。

如果我使用没有任何格式的日期管道,它会在年后创建双点。如果我使用格式为“yyyyMM.dd”的管道。它给出了正确的日期格式

  • {{startDate | date}}=> 2017..07.07。
  • {{startDate | date: 'yyyyMM.dd.'}}=> 2017.07.07。

这意味着我不能将其设置为日期输入的值,因为它等待格式yyyy-MM-dd并且 yyyy 总是有一个加点,这会导致输入元素出错。这些都不起作用:

如果不使用具有正确转换的日期字符串的新模型,如何解决这个问题?

2017-07-12 更新:currentItem.startDate 是一个 Date() 对象,例如:

我尝试使用的语言环境是“hu-HU”,但是这两个点在没有任何语言环境提供程序的情况下存在。在这种情况下,没有任何格式字符串的日期管道为输入提供了正确的格式。(yyyy-MM-dd)