Маска поле, которое возвращает число

Question

Мне нужно применить маску как к входу (который по умолчанию содержит '.' И ','), так и к возврату (который находится внутри тега 'p'). Я не собирался использовать jQuery, поэтому мне нужно другое решение, я провел некоторые исследования некоторых библиотек, но у меня ничего не получилось.

Ввод:

<div class="form-group">
   <label for="exampleInputEmail1">Valor Estimado</label>
   <input [(ngModel)]="ticket.valorestimado" type="number" class="form-control" id="value"
    aria-describedby="emailHelp" placeholder="Valor"/>
</div>

Возвращаемое значение:

<div>
   <p class="fz-13">R$ {{ j.valorestimado }}</p>
</div

Answer 1

Если вы хотите отформатировать число 30000 как «30 000 000», вы можете использовать номер трубы.

<div>
   <p class="fz-13">R$ {{ j.valorestimado | number:'1.2-2' }}</p>
</div>

Редактировать:

Это будет использовать язык вашего приложения по умолчанию. См. Документацию по числовому каналу для получения более подробной информации: https://angular.io/api/common/DecimalPipe.

Я выбрал формат 1.2-2 как минимум для 1 целого числа и между 2 и 2 (то есть точно 2) цифрами дроби .

Из документов:

Параметры десятичного представления, заданные строкой в ​​следующем формате:

{minIntegerDigits}. {MinFractionDigits} - {maxFractionDigits}