この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

眺める: 16963|答える: 1

[角] Angular 9シリーズ(IV)カスタムパイプパイプライン

[リンクをコピー]
掲載地 2020/06/03 14:03:29 | | | |
Angular 9シリーズ(1)動的負荷成分
https://www.itsvse.com/thread-9238-1-1.html

Angular 9系列(2)動的成分伝送パラメータ
https://www.itsvse.com/thread-9245-1-1.html

Angular 9シリーズ(3)は動的コンポーネントイベントをサブスクライブします
https://www.itsvse.com/thread-9246-1-1.html

Angular 9シリーズ(IV)カスタムパイプパイプライン
https://www.itsvse.com/thread-9248-1-1.html

Angular 9シリーズ(V)は金額通貨形式をフォーマットします
https://www.itsvse.com/thread-9249-1-1.html


Angularには日付、非同期、通貨など多くの組み込みパイプがあります。 使用可能ではありますが、一部のビジネスニーズには遠いため、カスタマイズされた配管の実装が必要です。

最も基本的なカスタムパイプは、ある値を受信し、別の値を返す方法です。 引数の形は制限がなく、文字列、数、オブジェクトなどどんな型でも構いません。

デフォルト日付でパイプラインをフォーマットするのは私たちのニーズに合いません。

インターフェースから返されるJSON結果:

{"statusDate":"0001-01-01T00:00:00" ...}

これは、.NET Coreでオブジェクトをシリアライズし、datetime型のフィールドにデフォルト値をDateTime.MinValueに付けているためです。



私たちは

展示されます

0001年1月1日

私たちの要件として、datetime型のフィールドが空(例:「0001-01-01T00:00:00」)を返された場合、NAを返す必要があります

angular-cliコマンドを使って新しいパイプラインを作成しましょう。コマンドは以下の通りです:


コードは以下の通りです:

新しい作成が完了すると、app.module.tsファイルは自動的に以下のコードを追加します。

HTMLページで新しいパイプラインを再び使用しています。以下のように:


は戻り、下の画像のように望む結果が得られます。



注:パラメータをPIPに渡すには :分割が使われます。




先の:文章を書くことができる記事出版システム
次に:Angular 9シリーズ(V)は金額通貨形式をフォーマットします
掲載地 2022/10/28 13:52:07 |
学べ!!!!!!!!!!
免責事項:
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。

Mail To:help@itsvse.com