Angular'da tarih, asenkron, para birimi gibi birçok yerleşik boru bulunur. Kullanıma hazır olmasına rağmen, bazı iş ihtiyaçlarını karşılamakta çok uzaktır, bu yüzden bazı özel boruların uygulanması gereklidir.
En temel özel boru bir değeri alıp sonra başka bir değeri geri döndürmektir. Argümanın biçimi sınırlı değildir, diz, sayı, nesne vb. gibi herhangi bir tür olabilir.
Boru hattını varsayılan tarihte biçimlendirmek ihtiyaçlarımızı karşılamaz.
Arayüz tarafından geri getirilen JSON sonucu şunlardır:
{"statusDate":"0001-01-01T00:00:00" ...} Bunun nedeni, .NET Core'da nesneleri seri yapıp datetime türündeki bir alana varsayılan bir değer eklememiz ve DateTime.MinValue olarak bir değer eklememizdir.
Biz
sergilenecek
bizimGereksinim, datetime tipindeki bir alan dönerse, boşsa, yani "0001-01-01T00:00:00", NA döndürmesi gerektiğidir。
Angular-cli komutuyla yeni bir boru hattı oluşturalım, komut şöyledir:
Kod şöyledir:
Yeni oluşturma tamamlandıktan sonra, app.module.ts dosyası otomatik olarak aşağıdaki kodu ekler:
HTML sayfasında yeni pipeline'ı tekrar kullanıyoruz, şu şekilde:
ve aşağıdaki görselde gösterildiği gibi istediğimiz sonucu geri getirecektir:
Not: Parametreleri pip'e aktarmak : splitting kullanır.
|