屏蔽返回数字的字段

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.00”，可以使用数字管道。

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

编辑：

这将使用您应用的默认语言环境。有关详细信息，请参阅数字管道文档：https://angular.io/api/common/DecimalPipe。

我为至少 1 个整数和 2 到 2 个（即正好 2 个）小数位数选择了格式 1.2-2。

来自文档：

十进制表示选项，由以下格式的字符串指定：

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}