В моем проекте счетчик используется для отображения часов или минут, в этом случае было бы неплохо, если бы поле ввода всегда можно было отформатировать в 2 цифры. Например, '7' -> '07'.
С помощью реактивной формы Angular данные из REST API могут быть идеально привязаны к значению элементов управления. Однако данные '7', например, будут отображаться без формата.
Я попытался вызвать событие onBlur
, поэтому он ТОЛЬКО форматирует поле ввода, когда вход теряет фокус. Мне интересно, можно ли отформатировать поле ввода после patchValue()
.
В шаблоне:
<p-spinner ...
#spinner
formatInput="true"
(onBlur)="formatInput(spinner)">
В компоненте:
formatInput(spinner: any) {
spinner.formattedValue = ('0' + spinner.value).slice(-2);
}
Ожидается:
Загрузите форму и позвоните patchValue()
. Данные «7» будут отображаться как «07» в поле ввода.