Answers for "angular currency pipe"

10

angular number pipe

//{{ value_expression | number [ : digitsInfo [ : locale ] ] }}

//Assume someNumber = 12.221
	<!--output '12'-->
	<p>{{ someNumber | number : '1.0-0'}}</p>

//The output here is '12' because we cut the decimals off
//with the number pipe

//More examples from Angular:

	//Assume:
    //pi: number = 3.14;
  	//e: number = 2.718281828459045;

	<!--output '2.718'-->
    <p>e (no formatting): {{e | number}}</p>

    <!--output '002.71828'-->
    <p>e (3.1-5): {{e | number:'3.1-5'}}</p>

    <!--output '0,002.71828'-->
    <p>e (4.5-5): {{e | number:'4.5-5'}}</p>

    <!--output '0 002,71828'-->
    <p>e (french): {{e | number:'4.5-5':'fr'}}</p>

    <!--output '3.14'-->
    <p>pi (no formatting): {{pi | number}}</p>

    <!--output '003.14'-->
    <p>pi (3.1-5): {{pi | number:'3.1-5'}}</p>

    <!--output '003.14000'-->
    <p>pi (3.5-5): {{pi | number:'3.5-5'}}</p>

    <!--output '-3' / unlike '-2' by Math.round()-->
    <p>-2.5 (1.0-0): {{-2.5 | number:'1.0-0'}}</p>

//More information here: https://angular.io/api/common/DecimalPipe
Posted by: Guest on July-05-2020
0

angular currency pipe pt-br as variable

//I solved this way:

//app.module.ts

import { LOCALE_ID } from '@angular/core';
import localePt from '@angular/common/locales/pt';
import {registerLocaleData} from '@angular/common';
registerLocaleData(localePt)

 providers: [{
    provide: LOCALE_ID, 
    useValue: "pt-BR"
  }],

//.html

currency:'BRL'
Posted by: Guest on December-29-2020
0

currency pipe in ts

import { Component, OnInit } from '@angular/core';
import { CurrencyPipe } from '@angular/common';

@Component({
  selector: 'app-angularpipe',
  templateUrl: './angularpipe.component.html',
  styleUrls: ['./angularpipe.component.scss']
})
export class AngularpipeComponent implements OnInit {

  currencyPipeString : string;

  constructor(private datePipe: DatePipe) { 
    this.currencyPipeString = currencyPipe.transform(100,'USD');
    console.log(this.currencyPipeString);
    //$100.00
  }

  ngOnInit() {
  }

}
Posted by: Guest on November-02-2021

Code answers related to "Javascript"

Browse Popular Code Answers by Language