パイプ、ngModelとngModelChange

Question

私はカスタムパイプで双方向データバインディングを持っています。

私の入力テキストフィールドコード：

<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を表示する私の入力フィールドの値を編集するために行きます。

Answer 1

これは、カスタムパイプで追加した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。