Angular 10 中的 CurrencyPipe 是什么？

在本文中，我们将了解 Angular 10 中的CurrencyPipe是什么以及如何使用它。 CurrencyPipe用于将数字转换为货币字符串，根据确定组大小和分隔符、小数点字符的区域设置规则进行格式化

句法：

{{ value | currency }}

方法：

• 创建要使用的 Angular 应用程序
• 使用currencyPipe无需任何导入
• 在 app.component.ts 中定义采用货币值的变量。
• 在 app.component.html 中使用上面的语法和 '|'用于制作货币元素的符号。
• 使用 ng serve 为 Angular 应用程序服务以查看输出

参数：

• currencyCode：它需要一个字符串
• 显示：它需要一个字符串或布尔值
• 数字信息：它需要一个字符串
• 语言环境：它需要一个字符串

示例 1：

app.component.ts

import { Component } from '@angular/core';
  
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
})
export class AppComponent {
  // Currency variable to be used
  a = 100;
}

app.component.html

  
A: {{a | currency}}
  
  

  
A: {{a | currency:'INR'}}
  
  

  
A: {{a | currency:'INR':'code'}}
  
  

  
A: {{a | currency:'EUR'}}

输出：