时间戳

首页 > 解决方案 > 屏蔽返回数字的字段

html - 屏蔽返回数字的字段

问题描述

我需要对输入（默认情况下具有“。”和“，”）和返回（在标签“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

标签： htmlcssangularangular-material

解决方案

如果要将数字 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我选择了至少 1 个整数和 2 到 2 个（即正好 2 个）小数位数的格式。

从文档：

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

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

推荐阅读