Как вводить / показывать значения с тысячами запятых, используя тип ввода = число внутри поля mat-form внутри угловой реактивной формы? - PullRequest
Новая
       5

Как вводить / показывать значения с тысячами запятых, используя тип ввода = число внутри поля mat-form внутри угловой реактивной формы?

0 голосов
/ 03 ноября 2018

Сводный вопрос:

(вопрос относится только к типу ввода = 'число')

Как вводить / показывать значения с тысячами запятых (например, 2,333,444), используя formcontrol ввода типа = число внутри поля mat-form, которое находится в угловой реактивной форме?

Рассмотрим реактивную угловую форму: 

<form [formGroup]="myForm">

  <mat-form-field>
    <input type="number' formcontrolname="myInput" matInput placeholder="Input">
  </mat-form-field>

</form>

Элемент модели данных формы для myInput привязан к числу и не может измениться. Все хорошо при вводе и отображении чисел (например, 2333444) И вычислении других чисел на его основе.

Теперь я хотел бы отображать разделенные запятыми числа в этом поле типа ввода = число для каждой тысячи (например, 2 333 444).

У меня есть несколько сложных приемов, которые бы делали это, например, создавая собственный элемент управления полем формы ( см. ).

Я понимаю конфликт между типом ввода = число, дополнительными вычислениями и требованием, чтобы ввод текста действовал как строка / текст с запятыми - что намного лучше при вводе типа = "текст". Это то, что есть.

Примечание 1: на вводе = число должно отображаться запятая при начальной загрузке

Примечание 2: Ввод = число должно автоматически добавлять запятые при вводе пользователем.

Но есть ли более простой способ?

...