格式化的秒数为mm:ss在Angular 2中

前端之家收集整理的这篇文章主要介绍了格式化的秒数为mm:ss在Angular 2中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
显示的秒数从3600减少到0.
<div class="time-Box" *ngIf="p.value.playerTimer > 0">{{ p.value.playerTimer }}</div>

我想将秒数格式化为分钟:秒

我希望能够使用DatePipe – https://angular.io/api/common/DatePipe

<div class="time-Box" *ngIf="p.value.playerTimer > 0">{{ p.value.playerTimer | date:'mmss' }}</div>

但这不起作用,因为它期望p.value.playerTimer是一个日期对象或自纪元以来的秒数.

还有另一种方法来实现这一目标吗?

你必须自己编写管道.像这样的东西.但请注意,它未经测试,并未考虑可能收到的任何奇怪输入.它也没有任何前导零,但是,嘿,现在你还有事要做:
@Pipe({
  name: 'minuteSeconds'
})
export class MinuteSecondsPipe implements PipeTransform {

    transform(value: number): string {
       const minutes: number = Math.floor(value / 60);
       return minutes + ':' + (value - minutes * 60);
    }

}

猜你在找的Angularjs相关文章