Javascript 角度2输入自定义管道

Javascript 角度2输入自定义管道,javascript,angular,Javascript,Angular,有没有办法在Angular 2中的输入文本中使用货币或自定义管道 我试过这个: <input [(ngModel)]="order.price | currency"/> 但是如果不成功,就不可能在输入中使用管道,即使在angular 1中也是如此 你要找的是面具指令。 对于angular1,有很多指令,如,和其他指令 Angular2目前正在发布候选版本(2016年2月6日),因此只有一些“指令” 您还可以构建自己的掩码组件。我已经能够使用and来转换输入文本字段值的格式。文

有没有办法在Angular 2中的输入文本中使用货币或自定义管道

我试过这个:

<input [(ngModel)]="order.price | currency"/>


但是如果不成功,就不可能在输入中使用管道,即使在angular 1中也是如此

你要找的是面具指令。 对于angular1,有很多指令,如,和其他指令

Angular2目前正在发布候选版本(2016年2月6日),因此只有一些“指令”

您还可以构建自己的掩码组件。

我已经能够使用and来转换输入文本字段值的格式。文档和相关信息非常全面,可以在网站上看到货币示例

虽然我没有尝试过,但讨论了一种使用某种限制(浏览器本机焦点/模糊方法)@HostListener技术调整输入值的技术

无论采用哪种方法,您都必须小心转换输入是否只是为了使UI对用户更友好,还是希望只利用/保留绑定到组件中数据模型的正确格式的输入

对于前者,如果要在使用、存储或传递输入之前删除应用于输入的格式,则需要在组件代码或管理数据模型的其他服务中进行额外的工作/代码/干预,以便从输入值的数据绑定中解析格式


(中讨论了一个非常基本的解决方案。)

实际上,您可以在输入中使用管道。但是,您必须使用两条指令应用双向数据绑定<代码>[ngModel]=“myModel | myPipe”(ngModelChange)=“myModel=$event”对于简单的操作,它可以正常工作,但可能会出现一些怪癖。