Это типичный угловой материал matInput
:
<input matInput [(ngModel)]="model.property" name="property" />
Теперь, чтобы применить логику при изменении модели, общее решение, предлагаемое другими разработчиками в SO, - это разбить бананы в коробке на выражения для привязки свойств и событий:
<input matInput [ngModel]="model.property" (ngModelChange)="model.property=someLogic($event)" />
Основываясь на этой логике, я создал функцию digitGroup
которая получает входной номер, помещает запятые между каждыми тремя числами и показывает, что в поле matInput
.
Однако проблема заключается в том, что теперь model.property
представляет собой строку, представляющую число сгруппированной по цифре, а не как реальный номер JavaScript, поэтому в каждом месте мне нужно получить доступ к ее значению и выполнить некоторую математическую операцию на нем, мне нужно undigitGroup(model.property)
первый.
Возможно ли, что я привязываю matInput
к двум свойствам model
одновременно? Таким образом, у меня может быть model.property
для вычислений и model.digitGroupedProperty
чтобы показать пользователю, оба в то же время.