Angular memiliki banyak pipa bawaan, seperti tanggal, asinkron, mata uang, dll. Meski sudah siap digunakan, namun masih jauh dari memenuhi beberapa kebutuhan bisnis, sehingga perlu diimplementasikan beberapa pipa yang disesuaikan.
Pipa kustom yang paling dasar adalah menerima satu nilai dan kemudian mengembalikan nilai lain. Bentuk argumennya tidak terbatas, bisa jenis apa pun seperti string, angka, objek, dll.
Memformat alur pada tanggal default tidak akan memenuhi kebutuhan kami.
Hasil JSON yang dikembalikan oleh antarmuka:
{"statusDate":"0001-01-01T00:00:00" ...}
Hal ini disebabkan oleh fakta bahwa kita membuat serial objek di .NET Core dan melampirkan nilai default ke bidang jenis datetime, yaitu DateTime.MinValue.
Kami menggunakan
akan ditampilkan
kamiPersyaratannya adalah bahwa jika bidang jenis tanggalwaktu dikembalikan, jika kosong, yaitu "0001-01-01T00:00:00", itu harus mengembalikan NA。
Mari kita buat pipeline baru melalui perintah angular-cli, perintahnya adalah sebagai berikut:
Kodenya adalah sebagai berikut:
Setelah pembuatan baru selesai, file app.module.ts akan secara otomatis menambahkan kode berikut:
Kita kembali menggunakan pipeline baru di halaman HTML, sebagai berikut:
akan kembali, dan hasil yang kita inginkan, seperti yang ditunjukkan pada gambar di bawah ini:
Catatan: Meneruskan parameter ke pip menggunakan : splitting.
|
Diposting pada 03/06/2020 14.03.29
|
|
|
|
Diposting pada 28/10/2022 13.52.07