InvalidPipeArgument： 'DecimalPipe'パイプの '333,00'ですか？

Question

私はテンプレートでこれを持っている：

<input class="ui-g-4 right" [ngModel]="product.itemamount | number:'1.2-2'" (ngModelChange)="product.itemamount = $event"> 

しかし、私は、入力の値を変更するときイムは、このエラーを取得。

InvalidPipeArgument： '333,00' パイプのための 'DecimalPipe'

任意の提案？角度docsから

Answer 1

：

は、テキストとして番号をフォーマットします。

<input>タグでDecimalPipeを使用することはできません。同様に、以下：

<p> {{product.itemamount | number: '1.2-2'}} ></p> 

は、カスタムパイプ/ディレクティブ/メソッドを記述する必要が入力などの書式設定を行うには...

UPDATE：ここ

はいくつかのアイデアですカスタム検証ディレクティブ：

HTML

<input decimal [(ngModel)]="value" name="value" > 

指令：

HostListener('input', ['$event']) 
    onInput($event){ 
    let formattedValue: string; 
    let arrayValue = this.el.nativeElement.value.split('.'); 

    let patternValidation = arrayValue[0].match(/[0-9]{3}/); 

    if (patternValidation !== null && arrayValue[0].length > 3) { 
    let thousands = Array.from(Array.from(arrayValue[0]).reverse().join('').match(/[0-9]{3}/).join()).reverse().join(''); 
    let replacement = arrayValue[0].replace(thousands.replace(/\D/g, ''), ''); 
    formattedValue = (replacement.length > 0 ? replacement + "," : "") + thousands; 
    } else { 
    formattedValue = arrayValue[0]; 
    } 

    if (arrayValue.length > 1) { 
    formattedValue = formattedValue + "." + arrayValue[1].substring(0, 2); 
    } 

} 

Stackblitz demo