Format des formes angulairesDirective sur les devises – GeeksforGeeks

Afficher la discussion

Améliorer l’article

Enregistrer l’article

J’aime l’article

Afficher la discussion

Améliorer l’article

Enregistrer l’article

J’aime l’article

Dans cet article, nous allons voir ce qu’est formatCurrency dans Angular 10 et comment l’utiliser. La formatDevise est utilisé pour formater un nombre en tant que devise en utilisant les règles locales.

Syntaxe:

formatCurrency(value, locale, currency, currencyCode, digitsInfo)

Paramètres:

  • évaluer: Le nombre à formater.
  • lieu: Un code de paramètres régionaux pour le format de paramètres régionaux.
  • devise: Chaîne contenant le symbole monétaire ou son nom.
  • code de devise: le code devise.
  • ChiffresInfo : Options de représentation décimale.

Valeur de retour :

  • chaîne de caractères: le code de devise formaté.

NgModule : Le module utilisé par formatCurrency est :

Approcher:

  • Dans le format d’importation app.component.tsCurrency et LOCALE_ID
  • injectez LOCALE_ID en tant que variable publique.
  • Dans app.component.html afficher la variable locale en utilisant l’interpolation de chaîne
  • Servez l’application angulaire en utilisant ng serve pour voir la sortie.

Exemple 1:

app.component.ts

import {

  formatCurrency

 }

  from '@angular/common';

 

import {Component,

  Inject,

  LOCALE_ID }

  from '@angular/core';

 

@Component({

selector: 'app-root',

templateUrl: './app.component.html'

})

export class AppComponent {

curr = formatCurrency(10,this.locale,

          'USD');

constructor(

  @Inject(LOCALE_ID) public locale: string,){}

}

app.component.html

<h1>

  GeeksforGeeks

</h1>

 

<p>Locale Currency is : {{curr}}</p>

Production:

83

Exemple 2 :

app.component.ts

import {

  formatCurrency

 }

  from '@angular/common';

 

import {Component,

  Inject,

  LOCALE_ID }

  from '@angular/core';

 

@Component({

selector: 'app-root',

templateUrl: './app.component.html'

})

export class AppComponent {

curr = formatCurrency(10,this.locale,

          'INR');

constructor(

  @Inject(LOCALE_ID) public locale: string,){}

}

app.component.html

<h1>

  GeeksforGeeks

</h1>

 

<p>Locale Currency is : {{curr}}</p>

Production:

84

Référence: https://angular.io/api/common/formatCurrency

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *