O Angular possui muitos pipelines embutidos, como data, assíncrono, moeda, etc. Embora esteja pronto para uso, está longe de atender a algumas necessidades comerciais, por isso é necessário implementar alguns canos personalizados.
O pipe personalizado mais básico é receber um valor e depois devolver outro. A forma do argumento não é limitada, pode ser qualquer tipo, como string, número, objeto, etc.
Formatar o pipeline na data padrão não vai atender às nossas necessidades.
Resultado JSON retornado pela interface:
{"statusData":"0001-01-01T00:00:00" ...}
Isso se deve ao fato de que serializamos objetos no .NET Core e anexamos um valor padrão a um campo do tipo datetime, que é DateTime.MinValue.
Nós usamos
será exibido
NossoO requisito é que, se um campo de tipo data-hora for retornado, se estiver vazio, ou seja, "0001-01-01T00:00:00", ele precise devolver NA。
Vamos criar um novo pipeline através do comando angular-cli, o comando é o seguinte:
O código é o seguinte:
Após a conclusão da nova criação, o arquivo app.module.ts adicionará automaticamente o seguinte código:
Estamos de volta a usar o novo pipeline na página HTML, conforme segue:
retornará, e o resultado que queremos, como mostrado na imagem abaixo:
Nota: Passar parâmetros para o pip usa: splitting.
|
Publicado em 03/06/2020 14:03:29
|
|
|
|
Publicado em 28/10/2022 13:52:07