Tämä artikkeli on konekäännöksen peiliartikkeli, klikkaa tästä siirtyäksesi alkuperäiseen artikkeliin.

Näkymä: 16963|Vastaus: 1

[Angular] Angular 9 Series (IV) Custom Pipe -putket

[Kopioi linkki]
Julkaistu 3.6.2020 14.03.29 | | | |
Angular 9 -sarja (1) Dynaamisesti kuormitetut komponentit
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 -sarjan (2) dynaamisen komponentin siirtoparametrin
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 -sarja (3) sisältää dynaamiset komponenttitapahtumat
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 Series (IV) Custom Pipe -putket
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) muotoilee summan valuuttamuodon
https://www.itsvse.com/thread-9249-1-1.html


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

01.1.001

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.




Edellinen:Artikkelien julkaisujärjestelmä, kuka osaa kirjoittaa
Seuraava:Angular 9 Series (V) muotoilee summan valuuttamuodon
Julkaistu 28.10.2022 13.52.07 |
Opi!!!!!!!!!!
Vastuuvapauslauseke:
Kaikki Code Farmer Networkin julkaisemat ohjelmistot, ohjelmamateriaalit tai artikkelit ovat tarkoitettu vain oppimis- ja tutkimustarkoituksiin; Yllä mainittua sisältöä ei saa käyttää kaupallisiin tai laittomiin tarkoituksiin, muuten käyttäjät joutuvat kantamaan kaikki seuraukset. Tämän sivuston tiedot ovat peräisin internetistä, eikä tekijänoikeuskiistat liity tähän sivustoon. Sinun tulee poistaa yllä oleva sisältö kokonaan tietokoneeltasi 24 tunnin kuluessa lataamisesta. Jos pidät ohjelmasta, tue aitoa ohjelmistoa, osta rekisteröityminen ja hanki parempia aitoja palveluita. Jos rikkomuksia ilmenee, ota meihin yhteyttä sähköpostitse.

Mail To:help@itsvse.com