В Angular много встроенных труб, таких как дата, асинхрон, валюта и др. Хотя он готов к использованию, он далёк от удовлетворения некоторых бизнес-потребностей, поэтому необходимо внедрять индивидуальные трубы.
Самая простая пользовательская труба — получить одно значение и вернуть другое. Форма аргумента не ограничена, она может быть любого типа, например строка, число, объект и т.д.
Форматирование пайплайна на стандартную дату не удовлетворит наши потребности.
Результат JSON, возвращаемый интерфейсом:
{"statusDate":"0001-01-01T00:00:00" ...}
Это связано с тем, что мы сериализируем объекты в .NET Core и прикрепляем значение по умолчанию к полю типа datetime, которое является DateTime.MinValue.
Мы используем
будет выставлена
нашТребование состоит в том, что если поле типа datetime возвращается, если оно пусто, например «0001-01-01T00:00:00», оно должно возвращать NA。
Создадим новый конвейер через команду angular-cli, команда выглядит следующим образом:
Код таков:
После завершения нового создания app.module.ts файл автоматически добавит следующий код:
Мы снова используем новый конвейер на HTML-странице, следующим образом:
вернётся, и результат, который мы хотим, как показано на изображении ниже:
Примечание: передача параметров в pip использует : splitting.
|
Опубликовано 03.06.2020 14:03:29
|
|
|
|
Опубликовано 28.10.2022 13:52:07