Méthode angulaire 10 formatNumber() – 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 formatNumber dans Angular 10 et comment l’utiliser.

formatNuméro est utilisé pour format un nombre basé sur nos besoins sous forme décimale.

Syntaxe:

formatNumber(value, locale, digitsInfo)

Paramètres:

  • évaluer: Le nombre à formater.
  • lieu: Un code de paramètres régionaux pour le format de paramètres régionaux.
  • ChiffresInfo : Options de représentation décimale.

Valeur de retour :

  • chaîne de caractères: la chaîne de texte formatée.

NgModule : Le module utilisé par formatNumber est :

Approcher:

  • Dans le format d’importation app.component.tsNumber 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 {

  formatNumber

 }

  from '@angular/common';

 

import {Component,

  Inject,

  LOCALE_ID }

  from '@angular/core';

 

@Component({

selector: 'app-root',

templateUrl: './app.component.html'

})

export class AppComponent {

curr = formatNumber(1000,this.locale,

          '7.1-5');

constructor(

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

}

app.component.html

<h1>

  GeeksforGeeks

</h1>

 

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

Production:

85

Exemple 2 :

app.component.ts

import {

  formatNumber

 }

  from '@angular/common';

 

import {Component,

  Inject,

  LOCALE_ID }

  from '@angular/core';

 

@Component({

selector: 'app-root',

templateUrl: './app.component.html'

})

export class AppComponent {

curr = formatNumber(100,this.locale,

          '2.1-5');

constructor(

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

}

app.component.html

<h1>

  GeeksforGeeks

</h1>

 

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

Production:

87

Exemple 3 :

app.component.ts

import {

  formatNumber

 }

  from '@angular/common';

 

import {Component,

  Inject,

  LOCALE_ID }

  from '@angular/core';

 

@Component({

selector: 'app-root',

templateUrl: './app.component.html'

})

export class AppComponent {

curr = formatNumber(3234,this.locale,

          '3.1-4');

constructor(

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

}

app.component.html

<h1>

  GeeksforGeeks

</h1>

 

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

Production:

89

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

Laisser un commentaire

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