我有一个自定义管道的双向数据绑定。
我的输入文字字段代码:
<input type="text" [ngModel]="post.price | myCurrencyPipe" (ngModelChange)="post.price = $event" name="price" id ="price" (change)="itemPriceUpdate(post)"/>
和自定义管道代码:
@Pipe({ name: 'myCurrencyPipe'})
export class MyCurrencyPipe implements PipeTransform{
transform(val:any) {
var value = parseInt(data);
var num = '$' + value.toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
return num;
}
当我去编辑我的输入字段值时,它会在按键上显示NaN。
答案 0 :(得分:0)
这是因为您在自定义管道添加的$
前面有val
字符。在调用parseInt(data)
之前删除它将解决您的问题。
transform(val:any) {
val = val.toString().replace(/[^0-9.]/g, '');
if (val === '') return '';
var value = parseInt(val);
var num = '$' + value.toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
return num;
}
<强> plinker demo 强>