屏蔽返回数字的字段

时间:2020-02-13 16:04:11

标签: html css angular angular-material

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

1 个答案:

答案 0 :(得分:0)

如果要将数字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}