离子输入ngModel两种方式数据绑定或添加数字格式

Question

<ion-col size="4">
  <ion-input
    class="input-field"
    style="--padding-end: 20px; text-align: end;"        
    [(ngModel)]="discountPercent"
    (ngModelChange)="onDiscountPercentChange()"
    type="text"
    appDecimalPlaces="2">
    <p slot="end">%</p>
  </ion-input>
</ion-col>

your text

[(ngModel)]="discountAmount" 我想添加这个地方格式函数 getFormatedNumber(saleDecimals)，我该如何解决这个问题

Answer 1

首先，这个问题感觉不完整，但我假设您需要使用自定义函数来格式化输入中的模型值

为此，我们可以利用已经调用的

onDiscountPercentChange

并在其中运行 getFormatedNumber(saleDecimals)

就像

onDiscountPercentChange(): void {
// run the format fn

this.getFormatedNumber(2);
}