Angular4 の一般的なパイプライン例の詳細な説明

通常、データをフォーマットするにはパイプを使用する必要があります。Angular4 のパイプには以前からいくつかの変更があります。この記事では、Angular4 でよく使われるパイプラインを中心に紹介します。編集者が非常に優れていると思ったので、参考として共有します。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

1. 大文字と小文字の変換パイプライン

• uppercaseは文字列を大文字に変換します

• 小文字は文字列を小文字に変換します

<p>将字符串转换为大写{{str | uppercase}}</p>

str:string = 'hello'

ページには

文字列を大文字に変換しますこんにちは

2. パイプラインの日付

の日付。日付パイプ文字は、出力日付の形式を指定するパラメーターを受け入れることができます。

RREEERRREE

このページには、現在時刻が 2017 年 5 月 8 日の 10:57:53 であることが表示されます

3. 10 進数パイプライン

数値パイプは、数値を必要な 10 進数形式に処理するために使用されます

受信パラメータの形式は、{整数の最小桁数}です。{10 進数の最小桁数}-{10 進数の最大桁数}

整数の最小桁数のデフォルトは 1 です

10 進数の最小桁数のデフォルトは 0 です

10 進数の最大桁数桁数のデフォルトは3です

小数点以下の桁数が指定された{最小桁数}未満の場合は、自動的に0が追加されます

小数点以下の桁数が指定された{小数点以下の最大桁数}の場合、四捨五入されます

<p>现在的时间是{{today | date:&#39;yyyy-MM-dd HH:mm:ss&#39;}}</p>

rreee

ページには

Piは03.1416

IV.通貨パイプライン

通貨パイプは数値を通貨形式に変換するために使用されます

today:Date = new Date();

rreee

USD8.25

0156.55 と表示されます。 ここで「USD」は米国ドルの略称であり、 false の場合は記号が表示されません。 true の場合、$ 記号が表示されます。小数点以下の桁数を指定する次のパラメータは、上で紹介したものと同じです。

関連する推奨事項:

PHP マルチスレッド パイプライン通信アプリケーション

以上がAngular4 の一般的なパイプライン例の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。