Question

我有一个进度条，其进度可能在0.1到99.999之间

我不想在ts文件中使用math.round，因为它会弄乱逻辑。我只想显示它不带小数，例如44.983应该是44

<div>
{{percentage}}
</div>

Answer 1

将Number pipe与digitsInfo = 0一起使用

{{ num | number:'1.0-0' }}

Stackblitz

Answer 2

嗨，您可以使用角管。

import {Pipe} from 'angular2/core';

@Pipe({name: 'round'})
export class RoundPipe {
  transform (input:number) {
    return Math.floor(input);
  }
}

<div>{{percentage | round}}</div>

不要使用角管在十进制后显示数字

2 个答案: