Angular 2 - 计算的数字有多圆？

Question

我有一个*ngFor循环,想要计算一个值 - 小数点后2位.

计算工作:

 {{ ((date | amDifference : item.startdate : 'minutes' :true)/item.duration*100)  }}

但我怎么能绕圈？我试着这样:

 {{ num | ((date | amDifference : item.startdate : 'minutes' :true)/item.duration*100) : '1.2-2' }}

但这会产生错误:

zone.js:355未处理的Promise拒绝:模板解析错误:解析器错误:意外的令牌(,第8列的预期标识符或关键字在[{{num |((date | amDifference:item.startdate:'minutes':true)/ item.duration*100):'1.2-2'}}

Answer 1

你需要另一个管道才能做到这一点

import {Pipe} from 'angular2/core';

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

模板:

{{ date | amDifference : item.startdate : 'minutes' : true | round }}

Answer 2

一个可以使用有角的内置管道，例如数字

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

如果要实现它：

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

在模板中使用

{{1,1 | round}} => 1
{{2,1 | round}} => 2

另一个有用的管道是第十轮：

@Pipe({name: 'roundTen'})
export class RoundTenPipe implements PipeTransform {
  transform(value: number): number {
    return Math.round(value / 10) * 10;
  }
}

在模板中使用

{{11 | roundTen}} => 10
{{21 | roundTen}} => 20

Answer 3

如果它的货币 {{value | currency:'INR':true: '1.0-0'}}

如果只需要NUMBER {{value | number:'1.0-0'}}

1.0-0表示：小数点前至少一位，小数点后至少0位。

https://angular.io/api/common/DecimalPipe