Angular har många inbyggda rör, såsom datum, asynk, valuta, etc. Även om den är klar att användas, är den långt ifrån att uppfylla vissa affärsbehov, så det är nödvändigt att implementera några anpassade rör.
Det mest grundläggande anpassade röret är att ta emot ett värde och sedan returnera ett annat värde. Argumentets form är inte begränsad, det kan vara vilken typ som helst såsom sträng, tal, objekt osv.
Att formatera pipelinen på standarddatumet kommer inte att uppfylla våra behov.
JSON-resultatet returnerades av gränssnittet:
{"statusDate":"0001-01-01T00:00:00" ...}
Detta beror på att vi serialiserar objekt i .NET Core och kopplar ett standardvärde till ett fält av typen datetime, vilket är DateTime.MinValue.
Vi använder
kommer att visas
vårKravet är att om ett fält av typen datetime returneras, om det är tomt, dvs. "0001-01-01T00:00:00", måste det returnera NA。
Låt oss skapa en ny pipeline via angular-cli-kommandot, kommandot är följande:
Koden är följande:
När den nya skapelsen är klar kommer app.module.ts-filen automatiskt att lägga till följande kod:
Vi använder den nya pipelinen på HTML-sidan igen, enligt följande:
kommer att returnera, och det resultat vi vill ha, som visas på bilden nedan:
Not: Att skicka parametrar till pip använder: splitting.
|
Publicerad på 2020-06-03 14:03:29
|
|
|
|
Publicerad på 2022-10-28 13:52:07