In this article, we are going to see what is getNumberOfCurrencyDigits in Angular 10 and how to use it.
The getNumberOfCurrencyDigits is used to get the number of decimal digits for a given currency.
Syntax:
getNumberOfCurrencyDigits(code: string): number
NgModule: Module used by getNumberOfCurrencyDigits is:
- CommonModule
Approach:
- Create the angular app to be used
- In app.module.ts import LOCALE_ID because we need locale to be imported for using get getNumberOfCurrencyDigits.
import { LOCALE_ID, NgModule } from '@angular/core';
- In app.component.ts import getNumberOfCurrencyDigits and LOCALE_ID
- inject LOCALE_ID as a public variable.
- In app.component.html show the local variable using string interpolation
- serve the angular app using ng serve to see the output.
Parameters:
- code: the currency code
Return value:
- number: The number of decimal digits.
Example 1:
app.module.ts
import { LOCALE_ID, NgModule } from '@angular/core' ;
import { BrowserModule } from '@angular/platform-browser' ;
import { AppRoutingModule } from './app-routing.module' ;
import { AppComponent } from './app.component' ;
@NgModule({ declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule
],
providers: [
{ provide: LOCALE_ID, useValue: 'en-GB' },
],
bootstrap: [AppComponent]
}) export class AppModule { } |
app.component.ts
import {FormStyle, getNumberOfCurrencyDigits,
TranslationWidth}
from '@angular/common' ;
import {Component, Inject,OnInit,
LOCALE_ID }
from '@angular/core' ;
@Component({ selector: 'app-root' ,
templateUrl: './app.component.html'
}) export class AppComponent { for = getNumberOfCurrencyDigits( this .locale);
constructor(
@Inject(LOCALE_ID) public locale: string,){}
}
|
app.component.html
< h1 >
GeeksforGeeks
</ h1 >
< p >currency digit number is: {{for}}</ p >
|
Output:
Reference: https://angular.io/api/common/getNumberOfCurrencyDigits