使用角管将一位数字转换为两位数字

问题描述

我想使1在html上看起来像01，而11则和11类似。

如果有这样的过滤器，谁能帮助我。这是一个示例demo code

解决方法

您可以只使用padStart方法在字符串的开头添加特定字符，直到达到特定长度为止。

import { Component,OnInit,Pipe,PipeTransform } from '@angular/core';

@Pipe({
  name: 'numberFormat'
})
export class NumberformatComponent implements PipeTransform {

  constructor() { }

   transform(n: string) {
     return n.padStart(2,'0');
   }
}

Angular针对此类情况提供了Decimal Pipes。看到类似的答案here。

<span>{{ number | number:'2.0' }}</span>

十进制管道的参数接受一个表示所需格式的字符串。根据{{3}}，格式如下：

数字：'{minIntegerDigits}。{minFractionDigits}-{maxFractionDigits}'

位置：

minIntegerDigits：小数点前的最小整数位数。默认值为1。

minFractionDigits：小数点后的最小位数。默认值为0。

maxFractionDigits：小数点后的最大位数。默认值为3。

angular angular-pipe