Angular ha molti tubi integrati, come data, asincrono, valuta, ecc. Sebbene sia pronto all'uso, è lontano dal soddisfare alcune esigenze aziendali, quindi è necessario implementare alcune tubature personalizzate.
Il tubo personalizzato più semplice è ricevere un valore e poi restituirne un altro. La forma dell'argomento non è limitata, può essere qualsiasi tipo come stringa, numero, oggetto, ecc.
Formattare la pipeline sulla data predefinita non soddisferà le nostre esigenze.
Risultato JSON restituito dall'interfaccia:
{"statusData":"0001-01-01T00:00:00" ...}
Questo è dovuto al fatto che serializziamo gli oggetti in .NET Core e aggiungiamo un valore predefinito a un campo di tipo datetime, che è DateTime.MinValue.
Noi usiamo
sarà esposto
Il nostroIl requisito è che se viene restituito un campo di tipo datatime, se è vuoto, cioè "0001-01-01T00:00:00", debba restituire NA。
Creiamo una nuova pipeline tramite il comando angular-cli, il comando è il seguente:
Il codice è il seguente:
Dopo il completamento della nuova creazione, il file app.module.ts aggiungerà automaticamente il seguente codice:
Torniamo a usare la nuova pipeline sulla pagina HTML, come segue:
tornerà, e il risultato che vogliamo, come mostrato nell'immagine sottostante:
Nota: Passare parametri al pip usa: splitting.
|
Pubblicato su 03/06/2020 14:03:29
|
|
|
|
Pubblicato su 28/10/2022 13:52:07