私は何千ものポイントを入れるためにフォーマットする必要があります、私は角度2のパイプを使用してそれをフォーマットする必要があります。Ejem:数は1983839であり、結果は1.983.839でなければなりません?ここでフォーマット番号は何千ものポイントを置く
答えて
カスタムパイプ
import { Pipe } from '@angular/core';
import {DecimalPipe} from "@angular/common";
@Pipe({
name: 'pointReplacer'
})
export class PointReplacerPipe extends DecimalPipe {
transform(value: any, digits?: string): string {
return super.transform(value, digits).replace(',', '.');
}
}
、あなたは右に述べたコードの下に、あなたのコンポーネントにあなたのモジュールに
@NgModule({
declarations: [PointReplacerPipe],
providers: [PointReplacerPipe]
})
の場合これがカスタムパイプを必要とするのはなぜだと思いますか?千単位区切り記号はロケール設定の一部です。 – jonrsharpe
私はパイプのコンストラクタでsuperにローカルを追加して解決しました。このようにして置換を避けます。パイプのコンストラクタで:コンストラクタ(){ super( "es-ES"); } – ararb78
なぜ私のモジュールのプロバイダにカスタムパイプを登録する必要がありますか? – ararb78
をカスタムパイプを登録する必要があります。
export class appComponent{
num:number = 1983839;
printNum:any;
constructor() {
this.test = this.num.toLocaleString('es-CO');
console.log('printNum',this.printNum);
}
}
私は問題を解決このソリューションで私は角度を提供する "DecimalPipe"パイプを使用しました。
私はプロバイダとインポート "LOCALE_ID" でapp.moduleで私のロケールを追加しました:
import { LOCALE_ID } from '@angular/core';
providers: [
{ provide: LOCALE_ID, useValue: "es-ES" },
...
]
をその後、私のコンポーネントで、私は角度のパイプ "DecimalPipe" を使用:
component.ts:
import { DecimalPipe } from '@angular/common';
component.html:
{{fila.NumeroCopiasBN | Number:'1.0-0' }}
私がパイプ '1.0-0'に送るパラメータは、以下のフォーマットを持つ文字列です:
{minFractionDigits} - {maxFractionDigits}
コンポーネントをパイプで 'import 'する必要はありませんテンプレート。また、それは 'number'です。すべて小文字です。 – jonrsharpe
@jonrsharpe ok、私はコンポーネントのパイプのインポートを削除しました。 tnx – ararb78
- 1. 何千ものレコードのページ番号
- 2. Shiny DataTablesのフォーマット番号をK(千)、M(百万)に変換
- 3. アポストロフィを千単位で区切ったフォーマット番号
- 4. フォーマット番号は
- 5. PHPなしのSmarty Float形式の何千ものフォーマット?
- 6. phpフォーマット番号
- 7. フォーマット番号
- 8. フォーマット番号(パーセント)
- 9. フォーマット番号
- 10. VBA番号のフォーマット
- 11. フォーマット番号 - jQueryの
- 12. Ext.form.NumberFieldの何千ものセパレータ
- 13. 何千もの.htaccessリダイレクト301
- 14. はJavaScriptで番号でコンマを置く
- 15. フォーマット番号json javascript
- 16. 何千ものツイッターアカウントを同時に聞くには?
- 17. レルムに何千ものレコードを正しくロードするには?
- 18. は、ASPのフォーマット:千とテキストボックスと小数点の記号
- 19. amChartsナンバーフォーマット(千フォーマット)
- 20. 電話番号の国際的なフォーマットは何ですか
- 21. angularjsのDataTableのフォーマット番号
- 22. ビルド番号TFSでのフォーマット
- 23. フォーマット番号一貫Pythonの
- 24. MVCビューでのフォーマット番号
- 25. フォーマットの番号JSONリスト
- 26. jqueryのフォーマットとアンフォーマット番号
- 27. フォーマットMySQLの電話番号
- 28. Oracle BI Publisherのフォーマット番号
- 29. 10桁の番号(MySQLの)に、電話番号をフォーマット
- 30. 何千ものon()イベントリスナーを持つFirebase
パイプで試してみたものが歓迎されます –
これはロケールに依存します(ここではen-GBでは1,983,839を指定します)。 Angularはすでにパイプを提供しています:['DecimalPipe'](https://angular.io/api/common/DecimalPipe)。 – jonrsharpe
ロケールがes-ES – ararb78