Angular 2:使用带有ngModel的管道

前端之家收集整理的这篇文章主要介绍了Angular 2:使用带有ngModel的管道前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的一个表单中使用了 JQuery输入掩码和[(ngModel)],但由于某种原因,它们不能一起工作.使用任何一个单独工作完全正常,但组合两个完全中断[(ngModel)]和新输入不会被发送回组件.经过一段时间的努力,我认为使用Angular 2的管道将是一个很好的解决方案,但我无法弄清楚如何让这两个人一起工作.

这是我用来测试管道的一些代码

<input [(ngModel)]="Amount" id="Amount" name="Amount" class="form-control" type="number" autocomplete="off">
<p>Amount: {{Amount | number:'1.2-2'}}</p>

如果我输入12345,则< p>下面的标签显示12,345.00,这正是我想要它过滤的方式,但我不想让过滤量低于输入,我希望输入本身显示12,345.00.将相同的管道添加到ngModel,如下所示:[(ngModel)] =“Amount | number:’1.2-2’”给出了以下错误.

Parser Error: Cannot have a pipe in an action expression at column 10
in [Amount | number:’1.2-2’=$event]

如何在[(ngModel)]输入中使用管道(或输入掩码)?

[(ngModel)]是[ngModel]和(ngModelChange)的简写.如果你将它们分开它应该可以工作(它确实可以使用异步管道):
[ngModel]="Amount | number: '1.2-2'" (ngModelChange)="updateAmount($event)"
原文链接:https://www.f2er.com/angularjs/142383.html

猜你在找的Angularjs相关文章