Angular中的分隔符

Question

我需要在Ionic應用程序中為輸入實現千位分隔符。 當用戶鍵入它們時，我需要實現這一點。 我實現了以下實現：

在Ts文件中：

 public amount:string;   // model

  format(){  

  this.amount=this.separator(this.amount)

  }

   separator(amount)
  {
    var num_parts = amount.split(".");
    num_parts[0] = num_parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    return num_parts.join(".");
  }

在html中：

 <ion-input [(ngModel)]="amount" (keyup)="format()"  placeholder="Text Input"></ion-input>

直到數字位數保持4（在數字部分中）它都可以正常工作。當我有4個以上的數字時，它會變壞。 由於在第二遍中是在“ keyup”上調用它的，因此在第二個數字之后添加了另一個“”，如下所示：

1,2345

並繼續：1,2,3,455

我如何才能正確實現此功能，即在用戶鍵入它們時添加千位分隔符。 感謝您查看這個。

Answer 1

我的實現存在問題：我沒有刪除以前添加的逗號。 請參閱以下片段中的評論

  separator(amount)
  {
    var num_parts = amount.split(".");
   num_parts[0]= num_parts[0].replace(/,/g , ""); // I was not removing previously added comma 
    num_parts[0] = num_parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    return num_parts.join(".");
  }