如何在 angular 组件中使用 DecimalPipe?

本文介绍了如何在 angular 组件中使用 DecimalPipe?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

限时送ChatGPT账号..

我有一个要求，我必须使用来自 ts 的十进制管道转换数字

I have a requirement that I have to convert the number using the decimal pipe from ts

不要像这样使用十进制管道

Instead of use decimal pipe like this

<td>{{rmanFmvRulesDef.max  | number :'1.2-2'}}</td>

我想从组件中操作它，有人可以帮我吗?

I want to manipulate it from the component, can anyone please help me?

推荐答案

像往常一样，您可以依赖 DI.您可以覆盖 ts 中的转换函数.

As usual in angular you can rely on DI. You can override the transform function in the ts.

import { DecimalPipe } from '@angular/common';

class MyService {
  constructor(private _decimalPipe: DecimalPipe) {}

  transformDecimal(num) {
    return this._decimalPipe.transform(num, '1.2-2');
  }
}

在 providers Array 中添加 DecimalPipe 否则会报错

Add DecimalPipe in the providers Array otherwise it will give an error

providers: [DecimalPipe,...]

这篇关于如何在 angular 组件中使用 DecimalPipe?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！