En este artículo vamos a ver qué es CurrencyPipe en Angular 10 y cómo usarlo. MonedaTubo
Sintaxis:
{{ value | currency }}
Acercarse:
- Cree la aplicación Angular que se utilizará
- No hay necesidad de ninguna importación para que se utilice la tubería de moneda .
- En app.component.ts define las variables que toman el valor de la moneda.
- En app.component.html use la sintaxis anterior con ‘|’ símbolo para hacer el elemento de moneda.
- Sirva la aplicación angular usando ng serve para ver el resultado
Parámetros:
- currencyCode: Se necesita una string
- display: Toma una string o booleano
- digitsInfo: Se necesita una string
- configuración regional: se necesita un
Ejemplo 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
<!-- Default currency is in Dollars-->
<p>A: {{a | currency}}</p>
<!-- INR CurrrenyCode is used for Rupees symbol-->
<p>A: {{a | currency:'INR'}}</p>
<!-- INR CurrrenyCode is used-->
<p>A: {{a | currency:'INR':'code'}}</p>
<!-- EUR CurrrenyCode is used for Europeon Currency-->
<p>A: {{a | currency:'EUR'}}</p>
Producción:
