Angular dispose de nombreux tuyaux intégrés, tels que la date, l’asynchrone, la monnaie, etc. Bien qu’il soit prêt à être utilisé, il est loin de répondre à certains besoins professionnels, il est donc nécessaire d’installer des tuyauteries personnalisées.
Le pipeline personnalisé le plus basique consiste à recevoir une valeur puis à en retourner une autre. La forme de l’argument n’est pas limitée, elle peut être n’importe quel type comme chaîne, nombre, objet, etc.
Formater le pipeline à la date par défaut ne répondra pas à nos besoins.
Résultat JSON rendu par l’interface :
{"statusDate » :"0001-01T00:00:00 » ...}
Cela s’explique par le fait que nous sérialisons les objets dans .NET Core et attachons une valeur par défaut à un champ de type datetime, qui est DateTime.MinValue.
Nous utilisons
sera exposé
notreL’exigence est que si un champ de type datetime est retourné, s’il est vide, c’est-à-dire « 0001-01-01T00:00:00 », il doit retourner NA。
Créons un nouveau pipeline via la commande angular-cli, la commande est la suivante :
Le code est le suivant :
Après la création de la nouvelle génération, le fichier app.module.ts ajoutera automatiquement le code suivant :
Nous revenons à l’utilisation du nouveau pipeline sur la page HTML, comme suit :
reviendront, ainsi que le résultat que nous souhaitons, comme montré sur l’image ci-dessous :
Note : Passer des paramètres à un pip utilise : scinder.
|
Publié sur 03/06/2020 14:03:29
|
|
|
|
Publié sur 28/10/2022 13:52:07