Angular ma wiele wbudowanych połączeń, takich jak date, async, currency itd. Chociaż jest gotowy do użycia, jest daleki od spełnienia niektórych potrzeb biznesowych, dlatego konieczne jest wdrożenie niestandardowych rur.
Najprostszy niestandardowy potok polega na otrzymaniu jednej wartości, a następnie zwróceniu innej. Forma argumentu nie jest ograniczona, może być dowolnym typem, takim jak ciąg rzeczy, liczba, obiekt itp.
Formatowanie pipeline'u w domyślnej dacie nie spełni naszych potrzeb.
Wynik JSON zwracany przez interfejs:
{"statusDate":"0001-01-01T00:00:00" ...}
Wynika to z faktu, że serializujemy obiekty w .NET Core i przypisujemy domyślną wartość do pola typu datetime, czyli DateTime.MinValue.
Używamy
będzie wystawiany
naszeWymóg polega na tym, że jeśli pole typu datetime zostanie zwrócone, jeśli jest puste, np. "0001-01-01T00:00:00", musi zwrócić NA。
Stwórzmy nowy potok za pomocą polecenia angular-cli, które wygląda następująco:
Kod jest następujący:
Po zakończeniu nowego utworzenia plik app.module.ts automatycznie doda następujący kod:
Wracamy do korzystania z nowego pipeline'u na stronie HTML, w następujący sposób:
zwróci i wynik, którego chcemy, jak pokazano na poniższym obrazku:
Uwaga: Przekazywanie parametrów do używa : splitting.
|
Opublikowano 03.06.2020 14:03:29
|
|
|
|
Opublikowano 28.10.2022 13:52:07