angular2-pipe相关内容
Angular 2 中是否可以在条件下应用管道?我想做类似的事情: {{ variable.text |(variable.value ? SomePipe : OtherPipe) }} 如果不是,实现此效果的首选方法是什么? 解决方案 你需要稍微改变一下语法: {{variable.value ?(variable.text | SomePipe) : (variable.tex
..
我目前使用这个管道{{ product.productPrice |编号:'.2-2' }} 结果是 1,000,000.00 但我想删除 .00你是怎样做的? 解决方案 使用这个: {{product.productPrice |数字:'1.0-0'}} 1.0-0表示:小数点前至少一位,小数点后0位. https://angular.io/api/common/Dec
..
瑞士德语中的数字格式类似于“100'000.00"(不是“100,000.00").我该如何改变呢?我尝试将 number_pipe.js 中的设置从 en-US 更改为 de-CH,但没有成功. var defaultLocale: string = 'de-CH'; 有解决方法还是我必须实现自己的管道? 解决方案 尝试使用 locale-number.pipe.ts 或 您可
..
我知道我可以这样调用管道: {{ myData |日期:'fullDate' }} 这里的日期管道只接受一个参数.从组件的模板 HTML 和直接在代码中调用具有更多参数的管道的语法是什么? 解决方案 在组件的模板中,您可以使用冒号分隔多个参数: {{ myData |myPipe: 'arg1':'arg2':'arg3'... }} 从你的代码来看,它看起来像这样: new M
..
我似乎无法修复此错误.我有一个搜索栏和一个 ngFor.我正在尝试使用这样的自定义管道过滤数组: import { Pipe, PipeTransform } from '@angular/core';从'../user/user'导入{用户};@管道({name: 'usersPipe',纯:假})导出类 UsersPipe 实现 PipeTransform {转换(用户:用户 [],sear
..
我似乎无法修复此错误.我有一个搜索栏和一个 ngFor.我正在尝试使用这样的自定义管道过滤数组: import { Pipe, PipeTransform } from '@angular/core';从'../user/user'导入{用户};@管道({name: 'usersPipe',纯:假})导出类 UsersPipe 实现 PipeTransform {转换(用户:用户 [],sear
..
在任何地方,建议在根 AppModule providers 数组中注册服务,避免使用根 AppComponent 的 providers 数组.什么时候应该在根 AppComponent 中注册服务?任何实际例子.与根 AppComponent 相比,在根 AppModule 中注册服务有什么优势? 解决方案 在根注册时,提供的服务被创建为单例,与在组件中提供相反,它将创建与您使用的一样
..
我正在学习Angular2,我想格式化一个数字,添加千位逗号分隔符.据我所知,可以使用Pipes完成此操作,但我想以编程方式在js文件中以数字格式设置数字格式,而不是以html格式(类似于var | number). 首先,我意识到没有可以使用的NumberPipe独立管道(如果我输入错了,请纠正我),最相似的是@ angular2/common中的CurrencyPipe.所以我有这样的东
..
@Pipe({name:'myPipe',pure:false}) 我无法理解不纯净的管道. 纯管道和不纯管道有什么区别? 请通过一个简单的基本示例进行解释. 解决方案 仅当Angular检测到值或传递给管道的参数发生变化时,才会调用纯管道. 每个更改检测周期都会调用不纯管道,无论值或参数是否更改. 这与Angular未检测到的更改有关 当您传递一个更改
..
将值传递到管道过滤器时出现问题。我需要从我的组件中传递一个名为pagex的变量形式的参数值,但我找不到使它正常工作的语法...或者我遗漏了一些东西。谢谢您的帮助。 myComponent export class ItemsComponent { items:any [] pagex:number; 构造函数(private ItemService:ItemService
..
我已经创建了一个自定义摘要管道类,它可以正常工作,但是我想在子字符串的末尾添加一个更多的链接。.单击显示的所有内容。 > 从'@ angular / core'导入{Pipe,PipeTransform}; @Pipe({name:'summary'}) 导出类SummaryPipe实现PipeTransform { transform(value:string,maxWords:numbe
..
我正在使用管道国际化我的应用程序: 从'@ angular / core导入{Pipe,PipeTransform} ';从'./i18n.service'中导入 {I18nService}; @Pipe({ 名称:'i18n' }) 出口类I18nPipe实现PipeTransform { 构造函数(私有i18nService: I18nService){ } tra
..
情况: 我只需要在一个组件中使用管道。由于这个原因,我不想将其导入全局,而只想在组件中导入。 我试图寻找有关如何做的参考,但找不到。 这是我的尝试: 管道: 在全局测试时可以正常工作 import {Pipe,PipeTransform} from'@角/芯'; @Pipe({name:'keys'}) 导出类KeysPipe实现PipeTransfo
..
我有一张表,可以使用自定义管道成功过滤。过滤器基于两个输入,它们是一个表单。我要添加的功能是在单击提交按钮之前不会进行过滤。因此,它更像是一个搜索按钮。我已经找到了很多有关管道的信息,但是与单击按钮时激活它们无关。 mainpage.component.html:
开始日期:
..
从Beta升级到RC1后,管道似乎无法正确传递数据。我收到以下消息: 原始异常:TypeError:无法读取未定义 原始堆栈的属性'1': TypeError:无法读取未定义 的属性'1'它显示了我在应用程序中使用管道的方式。 https://plnkr.co/edit/DHLVc0?p=preview 有时候我什么都没有收到,它把页面当作没有管道一样。
..
在任何地方,建议在根AppModule提供程序数组中注册服务,并避免使用根AppComponent的providers数组。 何时应该在根AppComponent中注册服务?任何实际的例子。 与根AppComponent相比,在根AppModule中注册服务有什么优势? 解决方案 在根处注册时,与组件中的提供相反,所提供的服务是作为一个单独的实例创建的,它将与您使用该组件时创建的实例数
..
我正在Angular 2中创建一个表组件,在其中创建了一个通用的表搜索过滤器管道,它可以正常工作,但不会在相应的列中显示值。 当我开始在文本框中键入搜索键时,过滤后的值会正确显示,但不会显示在其相应列下。 很抱歉,如果这个问题重复出现,我已经在网络上花了足够的时间,但是我无法找到解决方案。 下面是供您参考的代码 component.ts 从'@ angular / core'
..
因此,我一直在寻找整个网络中的此功能,但没有找到可以用来将秒转换为可以表示为字符串的年,月,日,小时,分钟和秒的解决方案。 解决方案 我想出了Angular2中Pipe的解决方案,但是我想对可能是 此外,也许其他一些人将需要这种管道,所以我就把它留在这里分享。 p> 从“ angular2 / core”导入{Pipe}; @Pipe({ name:'secondsToT
..
我有2个选择。 一个用于联盟,一个用于部门 我想创建一个管道来过滤部门取决于选择的是 League 。 提供以下数据。如果我选择 Random Beer League 仅 TwoFour 和 SixPack 显示为部门选择的选项。 联盟= [ {id:1,LeagueName:'Recreation League'}, {id:2,LeagueName:'Random
..
我有一个要像货币一样显示的输入。我只允许小数点后两位,并且只允许数字,并在必要时自动添加逗号。基本上,如果用户键入“ 12345”,我希望输入自动显示为“ 12,345.00”。 “ 12,345”也是可以接受的,但是如果他们输入“ 12345.5”,则需要显示为“ 12,345.50”。我试图使用管道来完成此操作,并决定使用“数字”管道,因为我不想显示货币符号(在输入之前我已经有一个美元符号作为
..