typescript - Angular'da tam sayıyı 3 ondalık basamakla göster

Bir Angular uygulamam var ve içinde sayı girmek için bir input alanı bulunuyor. Kullanıcı herhangi bir tam sayı girerse, sayıyı 3 ondalık basamakla göstermek istiyorum. Örneğin, kullanıcı 6 girerse, kullanıcı input alanının dışına tıkladığı anda 6.000 olarak görüntülenmeli. Bunu yapmak için Angular'da herhangi bir yol var mı?

Teşekkürler

Cevap #1

Girdi alanında mavi etkinliği şu şekilde kullanabilirsiniz:

<input (blur)='addDecimals()' [(ngModel)]="usernumber"/>

Bileşeninizde bunu yapın:

public usernumber;

addDecimals() {
   this.usernumber.toFixed(3); // it will be a string
}

Bunu yapmanın en iyi yolu Angular tarafından sağlanan ondalık Pipe'ını kullanmaktır, ancak nasıl kullanılacağı hiçbir cevapta verilmemiştir. Çalıştırmak için şunu yapmalısınız:

<input [ngModel]="item| number:'0.3-3' " 
      (ngModelChange)="item=$event" name="inputField" type="text" />

Bunu nasıl kullanacağınızla ilgili daha fazla ayrıntıyı burada kontrol edebilirsiniz.

Cevap #2

Angular ondalık borusunu kullanabilirsiniz https://angular.io/api/common/DecimalPipe

valueVariable | number:'0.3-3'