/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 vote256 views2 answers
Show password eye icon angular 9
Javascript AngularJS
0 vote178 views1 answer
Create ew angular app
Javascript AngularJS
2 votes177 views2 answers
Angularjs dropdown
Javascript AngularJS
1 vote165 views1 answer
Setinterval in angular 6
Javascript AngularJS
0 vote174 views1 answer
Phantomjs in angular
Javascript AngularJS
0 vote164 views1 answer
Angular http call caching issue even after no-cache
Javascript AngularJS
0 vote172 views1 answer
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.6/$injector/modulerr?p0=myApp
Javascript AngularJS
0 vote166 views1 answer
Jasmine spy return value when using create Spy Object angular 2
Javascript AngularJS
1 vote223 views1 answer
Angular lazy loading images
Javascript AngularJS
0 vote166 views1 answer
Tag p is already been closed when there are div tag angular
Javascript AngularJS