Angular 10 getCurrencySymbol()方法

在这篇文章中，我们将看到什么是Angular 10中的getCurrencySymbol以及如何使用它。getCurrencySymbol用于检索给定货币代码的货币符号

语法:

getCurrencySymbol(code, locale, format)

参数:

• code：货币代码
• locale：要使用的locale格式规则的locale代码。
• format：的格式。

返回值:

• string：格式化的日期字符串。

NgModule: getCurrencySymbol使用的模块是。

• CommonModule

步骤：

• 创建要使用的Angular应用程序。
• 在app.module.ts中导入LOCALE_ID，因为我们需要导入locale来使用get getCurrencySymbol。

import { LOCALE_ID, NgModule } from '@angular/core';

• 在app.component.ts中导入getCurrencySymbol和LOCALE_ID
• 注入LOCALE_ID作为一个公共变量。
• 在app.component.html中使用字符串插值显示局部变量
• 使用ng serve为angular应用程序提供服务，以查看输出。

示例 1:

import {
  getCurrencySymbol
 }
  from '@angular/common';
  
import {Component}
  from '@angular/core';
  
@Component({
selector: 'app-root',
templateUrl: './app.component.html'
})
export class AppComponent {
curr = getCurrencySymbol("USD", "wide");
}

<h1>
  GeeksforGeeks
</h1>
  
<p>{{curr }} 100</p>

输出:

示例 2:

import {
  getCurrencySymbol
 }
  from '@angular/common';
  
import {Component}
  from '@angular/core';
  
@Component({
selector: 'app-root',
templateUrl: './app.component.html'
})
export class AppComponent {
curr = getCurrencySymbol("INR", "narrow");
}

<h1>
  GeeksforGeeks
</h1>
  
<p>{{curr }} 304</p>

输出: