Formatting values using angular number format filter

Question

As per the angular number format filter, if I give this

       $scope.numberExpression =123.45;

      {{ numberExpression | number : 2}} // returns 123.45

and if it is $scope.numberExpression =123;

     {{ numberExpression | number : 2}} // returns 123.00

But I dont want the 00 appended there . Is there a way to do this by using number filter .

Tai Huynh · Accepted Answer · 2015-03-20 05:16:38Z

1

You can use:

{{numberExpression | number : ((numberExpression % 1 === 0) ? 0 : 2)}}

answered Mar 20, 2015 at 5:16

Tai Huynh

6094 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

anpsmn · Accepted Answer · 2015-03-20 05:18:03Z

1

You can use number than number:2 Plunkr Demo

{{numberExpression  | number}}

 angular.module('numberFilterExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.val = 123.00;
    }]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="numberFilterExample">

<div ng-controller="ExampleController">
  Enter number: <input ng-model='val'><br>
  First example: <span id='number-default'> {{ val | number : 2}}</span><br>
  Second Example: <span>{{val | number}}</span>
</div>
</body>

answered Mar 20, 2015 at 5:18

anpsmn

7,2572 gold badges31 silver badges44 bronze badges

Collectives™ on Stack Overflow

Formatting values using angular number format filter

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related