Angular 2在双向绑定的情况下如何在输入字段上使用管道答案

【问题标题】：Angular 2 How to use pipes on input field in case of two way bindingAngular 2在双向绑定的情况下如何在输入字段上使用管道
【发布时间】：2017-05-10 22:48:02
【问题描述】：

我知道这与this 相似或重复，我想像[ngModel]="item.value | currency:'USD$'" 这样在ngmodel 上使用管道，但我有一个场景需要绑定(ngModelChange)="someMethod()" 这样的方法而不是设置值@ 987654324@。如何同时实现两者。

我的代码：

<input type="text" [(ngModel)]="item.value | currency:'USD$'"  (ngModelChange)="someMethod()" />

【问题讨论】：

标签： html typescript pipe angular2-template angular-ngmodel

【解决方案1】：

这样试试

&lt;input type="text" [ngModel]="item.value | currency:'USD$'"  (ngModelChange)="someMethod($event)" /&gt;

【讨论】：

【解决方案2】：

尝试从 ngModel 中删除方括号，看看是否有帮助。它对我有用。

【讨论】：

【解决方案3】：

像这样删除括号，并将事件传递给您的方法。

<input type="text" [(ngModel)]="item.value | currency:'USD$'"  (ngModelChange)="someMethod()" />

然后在你的 .ts 文件中你可以赋值：

someMethod(event) {
    item.value = event;
    //Other stuff you were doing before
}

【讨论】：