angular - 使用 Angular 4 中的十进制管道进行 block 舍入

Question

使用 Angular 4，

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

输出:32

有什么想法，如何阻止回合。期望结果是31

Answer 1

您需要创建自定义管道，因为 DecimalPipe 不提供任何地板功能。另外，您可以在其中添加十进制管道。您的定制管道:

@Pipe({name: 'floor'})
export class FloorPipe implements PipeTransform {
    /**
     *
     * @param value
     * @returns {number}
     */
    transform(value: number): number {
        return Math.floor(value);
    }
}

在模板中使用为:

  <span>{{ yournumber | floor | your_decimal_pipe }}</span>