Использовать отключенный ввод для отображения данных
Чтобы получить согласованный внешний вид представлений ввода и вывода, я пытаюсь использовать отключенный элемент ввода для отображения данных / значений модели.
Значение является расчетным значением температуры и имеет несколько десятичных цифр. Поскольку это не имеет смысла с точки зрения инженера, я хочу ограничить отображаемые десятичные цифры до определенной величины (скажем, две цифры, отображаемое значение не нужно округлять).
Пример:
- расчетное значение: 123.123456
- значение для отображения: 123.12
Я читал в Интернете и нашел много предложений, используя вход step атрибут как
step=".01"
ограничить десятичные цифры. Кажется, многие так поступают, но у меня это не работает.
Я думаю, что представление и модель данных должны быть разделены, чтобы адаптировать данные модели (например, преобразование значений в строки или использование toFixed()не кажется хорошим решением. Представление должно иметь возможность форматировать сами данные, не изменяя модель данных, и должно иметь доступ для чтения только в этом случае.
Для этого существует фильтр при доступе к данным модели через {{ }} нотации. Но это, кажется, не применимо прямо с пути.
Итак, есть ли у вас какие-либо предложения по ограничению десятичных чисел?
Ради исследования и для предоставления рабочего примера кода я создал Pen.