PrimeNG 输入数字与自定义数字格式化程序

Question

我正在使用 PrimeNG 在 Angular 中设置一个表单，并且尝试格式化

<p-inputnumber>

元素的值以使用以下格式

XXX.XXXX'XX

，即，如果我有值

123.45678

，我希望它是显示为

123.456'78

。

这是我的输入元素：

<div>
    <label for="my-number">My Number</label>
    <p-inputNumber [(ngModel)]="value" inpudId="my-number" mode="decimal" locale="de-CH" [minFractionDigits]="5">
    </p-inputNumber>
</div>

这可以直接用primeng实现吗？或者我怎样才能实现这一点？

Answer 1

您可以使用

p-inputMask

<div class="card flex justify-content-center">
  <p-inputMask
    mask="999.9999'99"
    [(ngModel)]="value"
    placeholder="000.0000'00"
  ></p-inputMask>
</div>

Stackblitz 演示