如何设置输入字段的两个小数位？

Question

我正在使用Angular2和TypeScript。我在.ts文件中设置了输入字段值。当我运行我的应用程序时，它将它们显示为整数，我想将它们显示为两位小数，例如8.00而不是8。 这是我的.ts文件的一部分：

ngOnInit() {
    if (!this.phast.operatingCosts) {
      let defaultCosts: OperatingCosts = {
        fuelCost: 8.00,
        steamCost: 10.00,
        electricityCost: .080
      }
      this.phast.operatingCosts = defaultCosts;
      this.startSavePolling();
    }
  }

我正在使用ngModel。这是一个输入字段.html：

<div class="input-group">
      <input name="electricityCost" type="number" step="any" class="form-control" id="electricityCost" (input)="startSavePolling()"
        [(ngModel)]="phast.operatingCosts.electricityCost">
      <span class="units input-group-addon">$/kWh</span>
    </div>

Answer 1

您可以使用自定义过滤器，例如

function decimalValue($filter) {
    return (input, size) => {
        return $filter('number')(input, size)
    };
}