用于将数字格式化并打印为正数的 Angular HTML 代码(不带减号)

Question

我有一个可以是正值或负值的数字。我想总是把它打印成负片。有没有办法在 Angular 2 html 代码中格式化它？我知道如何在 typescript/javascript 中做到这一点。但是，想知道我是否可以直接在 Angular HTML 代码中格式化

Answer 1

获得数字的负数的一种快速方法是:

-Math.abs(num);

Angular 使用管道来转换在模板中呈现的数据。
创建自定义管道:

如果你使用 angular-cli ng g pipe minus

@Pipe({name: 'minus'})

export class MinusPipe implements PipeTransform {
  transform(num: number, args?: any): any {
    return -Math.abs(num);
  }
}

在您的模板中:

{{ myNumber | minus }}