Number 输入值格式答案

【问题标题】：Number Input value formatNumber 输入值格式
【发布时间】：2018-11-05 14:37:03
【问题描述】：

我有两个输入，第一个在之前调用，第二个在之后调用当我在before 中引入一个值时，after 的值将是

之前/1000

有时这意味着 3 位或更多小数我应该如何仅显示 2 位小数的 after 输入值？不改变其十进制值和精度是否有任何#HTML #JS 或#Angular 提示我尝试使用管道，但 ngModel 指令中不允许使用管道

<ion-label for="ristourneAmount">Source: </ion-label>
<ion-input 
  type="number"
  step="0.01" [(ngModel)]="before" 
  (change)="onChange()">
</ion-input>
<ion-label for="ristourneAmount">Destination: </ion-label>
<ion-input 
  type="number"
  step="0.01" [(ngModel)]="after">
</ion-input>

【问题讨论】：

标签： html angular input

【解决方案1】：

  <ion-input 
  type="number"
  step="0.01"(change)="setTwoNumberDecimal($event)"
  (ngModelChange)="item.value=$event"
  [[ngModelOptions]="{updateOn: 'blur'}"
  [ngModel]="after">
  </ion-input>

您可以使用单向绑定，而不是使用双向绑定，然后点击模糊事件并更改事件，以角度声明函数应该执行以下操作

setTwoNumberDecimal(event:any){
 let value=event.value;
 event.value=value.toFixed(2);
}

【讨论】：