angular - Angular2 中的数字管道无法正常工作

Question

platform-browser.umd.js:962 ORIGINAL EXCEPTION: 2 is not a valid digit info for number pipes

我在模板中写这个得到的是什么:

<li>Percentage satisfied: {{selectedCountry.averageSatisfaction | number:2}}</li>

我的目的是生成一个只有两位小数的十进制数。有人可以指出我做错了什么吗？这是文档:https://docs.angularjs.org/api/ng/filter/number

Answer 1

您可能正在寻找 DecimalPipe .

格式作为参数传递给管道，如下所示:

number:'{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}'

根据您的需要使用它:

number:'1.2-2'

这将为您提供一个字符串，其中小数点前最少 1 位，小数点后正好 2 位。

---

文档中的示例用法:

@Component({
  selector: 'number-example',
  pipes: [DecimalPipe],
  template: `<div>
    <p>e (no formatting): {{e}}</p>
    <p>e (3.1-5): {{e | number:'3.1-5'}}</p>
    <p>pi (no formatting): {{pi}}</p>
    <p>pi (3.5-5): {{pi | number:'3.5-5'}}</p>
  </div>`
})
export class NumberPipeExample {
  pi: number = 3.141;
  e: number = 2.718281828459045;
}