时间戳

首页 > 解决方案 > 在 Angular 中显示 3 位小数的整数

angular - 在 Angular 中显示 3 位小数的整数

问题描述

我有一个 Angular 应用程序，它有一个输入字段来输入数字。如果用户输入任何整数，我想显示小数点后 3 位的数字。例如，如果用户输入6 ，则只要用户在输入字段外单击，它就会显示为6.000 。有什么角度的方法吗？

谢谢

标签： angulartypescript

解决方案

您可以在输入字段中使用蓝色事件，如下所示：

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

在您的组件中执行以下操作：

public usernumber;

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

最好的方法是使用 angular 提供的十进制管道，但任何答案都没有提供如何使用它。您应该这样做以使其正常工作：

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

您可以在此处查看更多详细信息，如何使用它。

推荐阅读