Angular heeft veel ingebouwde leidingen, zoals datum, asynchroon, valuta, enzovoort. Hoewel het gebruiksklaar is, voldoet het verre van aan sommige zakelijke behoeften, dus het is noodzakelijk om enkele aangepaste leidingen te implementeren.
De meest basale aangepaste pijp is om één waarde te ontvangen en vervolgens een andere waarde terug te geven. De vorm van het argument is niet beperkt, het kan elk type zijn zoals string, getal, object, enzovoort.
Het opmaken van de pijplijn op de standaarddatum voldoet niet aan onze behoeften.
JSON-resultaat dat door de interface wordt teruggegeven:
{"statusDate":"0001-01-01T00:00:00" ...}
Dit komt doordat we objecten serialiseren in .NET Core en een standaardwaarde koppelen aan een veld van type datetime, namelijk DateTime.MinValue.
Wij gebruiken
zal worden tentoongesteld
OnzeDe eis is dat als een veld van type datetime wordt teruggegeven, als het leeg is, bijvoorbeeld "0001-01-01T00:00:00:00", het NA moet teruggeven。
Laten we een nieuwe pijplijn aanmaken via het angular-cli-commando, het commando is als volgt:
De code is als volgt:
Nadat de nieuwe creatie is voltooid, zal het app.module.ts-bestand automatisch de volgende code toevoegen:
We gebruiken weer de nieuwe pijplijn op de HTML-pagina, als volgt:
zal teruggeven, en het gewenste resultaat, zoals getoond op de onderstaande afbeelding:
Opmerking: Parameters doorgeven aan pip gebruikt : splitting.
|
Geplaatst op 03-06-2020 14:03:29
|
|
|
|
Geplaatst op 28-10-2022 13:52:07