2017-12-27 14 views
2

私は角度2の初心者です。角度を使っていくつかのデータを表示しようとしています。これは私のコード部分です:角度2の数値パイプからカンマを取り除く

<span>Value :</span> <span>{{myvalue| number : '1.2-2'}}</span> 

上記の部分には、たとえば "124,500.00"という値が表示されます。そのokしかし、私は124500.00としてのみカンマと表示データを削除する必要があります。これは通貨タイプでもありません。

私はこのようないくつかのことを試してみましたが、その私はそれを行うことができますか?私は、任意のカスタムパイプを使用する方法

<span>Value :</span> <span>{{myvalue| number: '.2-3''}}</span> 

を動作していませんか?実際には、事前

答えて

4

おかげ小数点を変更したり、削除するDecimalPipeへの直接のパラメータがありませんように見えます。小数点を削除するために独自のパイプを書くのが最善でしょう。

現在のDecimalPipe(すべてのパイプ)の使用を完全に置き換える独自のパイプを作成することも、DecimalPipeを使用した後にコンマを削除するパイプ(連鎖パイプ)を作成することもできます。最後のオプションは次のようになります(私はthisの回答からコードを取得しましたので、Adrienに挨拶します)。

import { Pipe, PipeTransform } from '@angular/core'; 

@Pipe({ 
    name: 'noComma' 
}) 
export class NoCommaPipe implements PipeTransform { 

    transform(val: number): string { 
    if (val !== undefined && val !== null) { 
     // here we just remove the commas from value 
     return val.toString().replace(",", ""); 
    } else { 
     return ""; 
    } 
    } 
} 

このようにパイプをチェーンすることができます。

<span>Value :</span> <span>{{myvalue| number : '1.2-2' | noComma}}</span> 

モジュールにパイプを宣言してください。

関連する問題