Отображение угловых 2 входов в виде строк

Question

Я работаю над проектом, в котором используется angular 2 и у которого есть проблема.Клиент хочет, чтобы числа, которые они вводят во входных тегах, отображались в виде строк с запятыми и десятичными числами.Поскольку мы отправляем и получаем эти данные из базы данных, они хранятся в виде чисел.Для удобства чтения они хотят, чтобы они отображались с запятыми, но я не могу изменить значение на строку, так как это вызовет проблемы с внутренними вычислениями.По этой причине я думаю, что использование угловых труб не будет работать, потому что это преобразует число в строку.Я также перебираю большие объемы данных, так что это не несколько цифр, которые я могу просто преобразовать и назвать их хорошими.Мне нужно более глобальное решение.Будем весьма благодарны за любые предложения о том, как этого добиться.

Answer 1

Вы можете использовать pipe и regex, чтобы разделить входной номер три на три и установить соответствующий символ.

pipe

transform(value: number, format: string): string {
    return (+value || 0).toFixed(2)
      .replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
      .replace(/(?=((,\d{3}){2}))/, '*')
      .replace('*,', "'");
  }

input 1000000

выход 1 000 000,00

Пример