Angular ima veliko vgrajenih cevi, kot so datum, asinhronizacija, valuta itd. Čeprav je pripravljen za uporabo, še zdaleč ne zadovoljuje nekaterih poslovnih potreb, zato je potrebno uvesti nekaj prilagojenih cevi.
Najbolj osnovna prilagojena cev je, da prejmete eno vrednost in nato vrnete drugo. Oblika argumenta ni omejena, lahko je katerikoli tip, kot so niz, število, objekt itd.
Oblikovanje cevovoda na privzeti datum ne bo ustrezalo našim potrebam.
JSON rezultat, ki ga vrne vmesnik:
{"statusDate":"0001-01-01T00:00:00" ...}
To je posledica dejstva, da v .NET Core serializiramo objekte in privzeto vrednost dodelimo polju tipa datetime, ki je DateTime.MinValue.
Uporabljamo
bo razstavljen
našZahteva je, da če je vrnjeno polje tipa datetime, če je prazno, tj. "0001-01-01T00:00:00", mora vrniti NA。
Ustvarimo nov cevovod z ukazom angular-cli, ukaz je naslednji:
Koda je naslednja:
Po zaključku nove ustvaritve bo app.module.ts datoteka samodejno dodala naslednjo kodo:
Ponovno uporabljamo novo cevovod na HTML strani, kot sledi:
vrne, in želeni rezultat, kot je prikazano na spodnji sliki:
Opomba: Prenos parametrov pipu uporablja: razdvajanje.
|
Objavljeno na 3. 06. 2020 14:03:29
|
|
|
|
Objavljeno na 28. 10. 2022 13:52:07