Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Vista: 16963|Respuesta: 1

[Angular] Tuberías personalizadas Angular 9 Series (IV)

[Copiar enlace]
Publicado en 3/6/2020 14:03:29 | | | |
Componentes Dinámicos Cargados de la Serie Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Parámetros de transmisión de componentes dinámicos de la serie angular 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

La serie Angular 9 (3) se suscribe a eventos dinámicos de componentes
https://www.itsvse.com/thread-9246-1-1.html

Tuberías personalizadas Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formatea el formato de moneda de cantidad
https://www.itsvse.com/thread-9249-1-1.html


Angular tiene muchas tuberías integradas, como fecha, asincrónico, moneda, etc. Aunque está listo para usar, está lejos de cubrir algunas necesidades empresariales, por lo que es necesario implementar algunas tuberías personalizadas.

La tubería personalizada más básica es recibir un valor y luego devolver otro valor. La forma del argumento no está limitada, puede ser cualquier tipo como cadena, número, objeto, etc.

Formatear la tubería en la fecha predeterminada no cubrirá nuestras necesidades.

Resultado JSON devuelto por la interfaz:

{"dataStatus":"0001-01T00:00:00" ...}

Esto se debe a que serializamos objetos en .NET Core y añadimos un valor por defecto a un campo de tipo datetime, que es DateTime.MinValue.



Nosotros usamos

se expondrá

01-enero-0001

nuestroEl requisito es que si se devuelve un campo de tipo fecha-hora, si está vacío, es decir, "0001-01-01T00:00:00", debe devolver NA

Creemos una nueva tubería mediante el comando angular-cli, el comando es el siguiente:


El código es el siguiente:

Una vez completada la nueva creación, el archivo app.module.ts añadirá automáticamente el siguiente código:

Volvemos a usar la nueva canalización en la página HTML, de la siguiente manera:


volverá, y el resultado que queremos, como se muestra en la imagen de abajo:



Nota: Pasar parámetros a pip usa: splitting.




Anterior:Sistema de publicación de artículos, ¿quién sabe escribir?
Próximo:Angular 9 Series (V) formatea el formato de moneda de cantidad
Publicado en 28/10/2022 13:52:07 |
Aprende!!!!!!!!!!
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.

Mail To:help@itsvse.com