问题标签 [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.
angular - 使用 ng-filter 时出错 ERROR 错误:未捕获(承诺中):TypeError:无法将未定义或 null 转换为对象
我正在使用一个 npm 插件NgPipesModule(来自 package.json: "ng-pipes": "^0.1.2",)。在 App.Module 中,所有内容都已正确导入和注入。
我有以下组件:
这是 HTML 模板:
当我打开一个组件时,我有一个包含预期数据的表,并且一个过滤器实际上可以工作,这意味着如果我在上面的表单中打印一个关键字,表会根据我的查询而变化。
问题就在这里。在控制台日志中,我有以下错误。之后我无法再次使用应用程序。有人可以解释一下,这里有什么问题吗?
这是来自 html 的第 22 行
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 中做到这一点?
angular - Angular2在json数据上管道时间间隔
我正在用 highcharts 构建一个 angular2 应用程序。我已经设置了我的数据导入服务,我已经可以处理数据以进入 highcharts,但现在我想以 5 分钟的间隔对数据进行分组。我拥有的数据处于时代。现在我想以 5 分钟的间隔对所有数据进行分组。我看到使用角管可能是最好的方法。
数据服务 > 管道 > 组件 > highcharts
问题是:从每天 0:00 开始,我必须使用哪种管道以 5 分钟的间隔对纪元时间数据进行分组。(所以 0:00 到 0:05、0:05 到 0:10)
javascript - TypeError:无法读取未定义的属性“toLocaleLowerCase”
我正在尝试创建一个自定义管道,我已正确遵循说明,但是当我尝试过滤列表时它一直给我该错误
这是我的管道代码
这是我的界面
我的组件
和我的模板
知道是什么原因造成的吗?
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:
angular - Angular 4 管道过滤器
我正在尝试使用自定义管道*ngFor
使用带有 ngModel 的输入字段过滤我的循环。使用我的其他自定义管道(sortBy),它工作得非常好。但是,过滤器管道似乎使它没有出现任何数据。我还在学习这个,我尝试了一些变化无济于事:
所以我认为问题可能出在代码的其他地方。如果有人可以提供帮助,我将不胜感激。
这是我的代码:
HTML 组件
管道
模块
JS 组件
angular - 在 Angular (Angular 2/4) 中的 *ngFor 中动态应用格式化过滤器/管道?
这是我在组件中的数据对象
HTML
我需要以不同格式显示每行的数据表。
我正在使用打字稿/角度4。
javascript - 如何在 Angular 2 中的 PipeTransform 中使用自定义组件?
我想在我的管道转换中使用我的自定义组件状态,但它不起作用。
浏览器只显示不带< Status />
. 就像我的组件没有被调用。
为什么?请问怎么解决?
组件状态已添加到应用模块。
状态.pipe.ts
索引.html
status.component.ts
angular - 在数组上使用带有 Dragula 的 Angular2+ 管道
我有一个类似 Trello 的网络应用程序。带有Task
可以在状态框中拖放的 s(待办事项、正在处理和已完成)。我使用ng2-dragula来实现拖放功能,并希望实现一种使用Angular 2
管道过滤我的任务的方法。
所以我做了,首先定义我的管道:
并将其添加到我的*ngFor
:
它有效,耶!但是当我拖放任何任务时,它就会消失,再也找不到了。
似乎以任何方式更改任务的状态都会使其消失,这与我的管道有什么关系?
有没有办法同时使用 Dragula 和 Angular 2 管道?
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)