Angularissa on monia sisäänrakennettuja putkia, kuten päivämäärä, asynkroni, valuutta jne. Vaikka se on käyttövalmis, se ei vastaa joidenkin liiketoiminnan tarpeisiin, joten on tarpeen ottaa käyttöön räätälöityjä putkia.
Yksinkertaisin räätälöity putki on vastaanottaa yksi arvo ja palauttaa toinen arvo. Argumentin muoto ei ole rajoitettu, se voi olla minkä tahansa tyyppinen, kuten merkkijono, numero, objekti jne.
Putken muotoilu oletuspäivämäärällä ei täytä tarpeitamme.
JSON-tulos, jonka rajapinta palautti:
{"statusDate":"0001-01-01T00:00:00" ...} Tämä johtuu siitä, että sarjoitamme olioita .NET Coressa ja liitämme oletusarvon kenttään tyyppi datetime, joka on DateTime.MinValue.
Me käytämme
näytetään
meidänVaatimuksena on, että jos kenttä tyyppi datetime palautetaan, jos se on tyhjä, eli "0001-01-01T00:00:00", sen täytyy palauttaa NA。
Luodaan uusi putki angular-cli-komennolla, komento on seuraava:
Koodi on seuraava:
Kun uusi luominen on valmis, app.module.ts-tiedosto lisää automaattisesti seuraavan koodin:
Käytämme uutta putkea HTML-sivulla seuraavasti:
palautetaan, ja haluamamme tuloksen, kuten alla olevassa kuvassa näkyy:
Huomautus: Parametrien välittäminen pipille käyttää : splitting.
|