/Javascript/AngularJS/Angular input decimal pipe

Angular input decimal pipe

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

Angular pipe for 2 decimal places

{{ number | number : '1.2-2'}}

Source: stackoverflow.com

Angular input decimal pipe

<input [ngModel]="item.value | useMyPipeToFormatThatValue" 
      (ngModelChange)="item.value=$event" name="inputField" type="text" />

Source: stackoverflow.com

Similar codes

0 vote322 views1 answer
Refresh a kendo ui widget, when options on AngularJS $scope change
Javascript AngularJS
4 votes336 views2 answers
Ws.browser regeneratorRuntime is not defined angular
Javascript AngularJS
3 votes316 views2 answers
Angular filter array of objects
Javascript AngularJS
0 vote317 views1 answer
Display unique id number in angular
Javascript AngularJS
0 vote471 views1 answer
How to use batch export function forn exports charts in fusioncharts via angularjs
Javascript AngularJS
139 votes420 views6 answers
Angular cli
Javascript AngularJS
27 votes415 views6 answers
How to make a component reload in angular
Javascript AngularJS
1 vote312 views1 answer
Form input field readonly angular
Javascript AngularJS
6 votes386 views3 answers
How to create a module in angular 9
Javascript AngularJS
0 vote338 views1 answer
Ng2 validations angular using reactiveforms
Javascript AngularJS