angular2-pipe相关内容

如何使用多个参数调用 Angular 2 管道?

我知道我可以这样调用管道: {{ myData |日期:'fullDate' }} 这里的日期管道只接受一个参数.从组件的模板 HTML 和直接在代码中调用具有更多参数的管道的语法是什么? 解决方案 在组件的模板中,您可以使用冒号分隔多个参数: {{ myData |myPipe: 'arg1':'arg2':'arg3'... }} 从你的代码来看,它看起来像这样: new M ..
发布时间:2021-12-02 20:35:35 前端开发

找不到管道 ' ' angular2 自定义管道

我似乎无法修复此错误.我有一个搜索栏和一个 ngFor.我正在尝试使用这样的自定义管道过滤数组: import { Pipe, PipeTransform } from '@angular/core';从'../user/user'导入{用户};@管道({name: 'usersPipe',纯:假})导出类 UsersPipe 实现 PipeTransform {转换(用户:用户 [],sear ..
发布时间:2021-11-08 21:03:27 其他开发

在根 AppModule 或根 AppComponent 中注册服务

在任何地方,建议在根 AppModule providers 数组中注册服务,避免使用根 AppComponent 的 providers 数组.什么时候应该在根 AppComponent 中注册服务?任何实际例子.与根 AppComponent 相比,在根 AppModule 中注册服务有什么优势? 解决方案 在根注册时,提供的服务被创建为单例,与在组件中提供相反,它将创建与您使用的一样 ..
发布时间:2021-11-08 20:59:21 其他开发

Angular2在Component.js中使用管道

我正在学习Angular2,我想格式化一个数字,添加千位逗号分隔符.据我所知,可以使用Pipes完成此操作,但我想以编程方式在js文件中以数字格式设置数字格式,而不是以html格式(类似于var | number). 首先,我意识到没有可以使用的NumberPipe独立管道(如果我输入错了,请纠正我),最相似的是@ angular2/common中的CurrencyPipe.所以我有这样的东 ..
发布时间:2021-04-06 19:36:35 前端开发

Angular中的不纯管道是什么?

@Pipe({name:'myPipe',pure:false}) 我无法理解不纯净的管道. 纯管道和不纯管道有什么区别? 请通过一个简单的基本示例进行解释. 解决方案 仅当Angular检测到值或传递给管道的参数发生变化时,才会调用纯管道. 每个更改检测周期都会调用不纯管道,无论值或参数是否更改. 这与Angular未检测到的更改有关 当您传递一个更改 ..
发布时间:2021-04-06 18:40:50 其他开发

将组件变量绑定到管道过滤器

将值传递到管道过滤器时出现问题。我需要从我的组件中传递一个名为pagex的变量形式的参数值,但我找不到使它正常工作的语法...或者我遗漏了一些东西。谢谢您的帮助。 myComponent export class ItemsComponent { items:any [] pagex:number; 构造函数(private ItemService:ItemService ..
发布时间:2020-06-05 19:32:35 其他开发

angular2添加“阅读更多”链接到自定义管道

我已经创建了一个自定义摘要管道类,它可以正常工作,但是我想在子字符串的末尾添加一个更多的链接。.单击显示的所有内容。 > 从'@ angular / core'导入{Pipe,PipeTransform}; @Pipe({name:'summary'}) 导出类SummaryPipe实现PipeTransform { transform(value:string,maxWords:numbe ..
发布时间:2020-06-05 19:32:31 其他开发

Angular2动态管道

我正在使用管道国际化我的应用程序: 从'@ angular / core导入{Pipe,PipeTransform} ';从'./i18n.service'中导入 {I18nService}; @Pipe({ 名称:'i18n' }) 出口类I18nPipe实现PipeTransform { 构造函数(私有i18nService: I18nService){ } tra ..
发布时间:2020-06-05 19:32:29 其他开发

Angular 2-本地导入管道

情况: 我只需要在一个组件中使用管道。由于这个原因,我不想将其导入全局,而只想在组件中导入。 我试图寻找有关如何做的参考,但找不到。 这是我的尝试: 管道: 在全局测试时可以正常工作 import {Pipe,PipeTransform} from'@角/芯'; @Pipe({name:'keys'}) 导出类KeysPipe实现PipeTransfo ..
发布时间:2020-06-05 19:32:27 其他开发

单击按钮后使用自定义管道的角度过滤器表

我有一张表,可以使用自定义管道成功过滤。过滤器基于两个输入,它们是一个表单。我要添加的功能是在单击提交按钮之前不会进行过滤。因此,它更像是一个搜索按钮。我已经找到了很多有关管道的信息,但是与单击按钮时激活它们无关。 mainpage.component.html: 开始日期: ..
发布时间:2020-06-05 19:32:24 前端开发

Angular2 RC1管道始终通过未定义

从Beta升级到RC1后,管道似乎无法正确传递数据。我收到以下消息: 原始异常:TypeError:无法读取未定义 原始堆栈的属性'1': TypeError:无法读取未定义 的属性'1'它显示了我在应用程序中使用管道的方式。 https://plnkr.co/edit/DHLVc0?p=preview 有时候我什么都没有收到,它把页面当作没有管道一样。 ..
发布时间:2020-06-05 19:32:20 其他开发

在根AppModule或根AppComponent中注册服务

在任何地方,建议在根AppModule提供程序数组中注册服务,并避免使用根AppComponent的providers数组。 何时应该在根AppComponent中注册服务?任何实际的例子。 与根AppComponent相比,在根AppModule中注册服务有什么优势? 解决方案 在根处注册时,与组件中的提供相反,所提供的服务是作为一个单独的实例创建的,它将与您使用该组件时创建的实例数 ..
发布时间:2020-06-05 19:32:16 其他开发

Angular 2表搜索管道过滤器不起作用

我正在Angular 2中创建一个表组件,在其中创建了一个通用的表搜索过滤器管道,它可以正常工作,但不会在相应的列中显示值。 当我开始在文本框中键入搜索键时,过滤后的值会正确显示,但不会显示在其相应列下。 很抱歉,如果这个问题重复出现,我已经在网络上花了足够的时间,但是我无法找到解决方案。 下面是供您参考的代码 component.ts 从'@ angular / core' ..
发布时间:2020-06-05 19:32:13 其他开发

如何在angular2中将秒转换为时间字符串?

因此,我一直在寻找整个网络中的此功能,但没有找到可以用来将秒转换为可以表示为字符串的年,月,日,小时,分钟和秒的解决方案。 解决方案 我想出了Angular2中Pipe的解决方案,但是我想对可能是 此外,也许其他一些人将需要这种管道,所以我就把它留在这里分享。 p> 从“ angular2 / core”导入{Pipe}; @Pipe({ name:'secondsToT ..
发布时间:2020-06-05 19:32:11 其他开发

角2:带有“数字”的光标问题。 ngModel输入上的管道

我有一个要像货币一样显示的输入。我只允许小数点后两位,并且只允许数字,并在必要时自动添加逗号。基本上,如果用户键入“ 12345”,我希望输入自动显示为“ 12,345.00”。 “ 12,345”也是可以接受的,但是如果他们输入“ 12345.5”,则需要显示为“ 12,345.50”。我试图使用管道来完成此操作,并决定使用“数字”管道,因为我不想显示货币符号(在输入之前我已经有一个美元符号作为 ..
发布时间:2020-06-05 19:32:05 其他开发