CODEWITHSUNDEEP
javascriptangularjsfilterformat
Hmahwish
Hmahwish

Reputation: 2232

Formatting values using angular number format filter

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 .

Upvotes: 1

Views: 209

Answers (2)

anpsmn
anpsmn

Reputation: 7257

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>

Upvotes: 1

Tai Huynh
Tai Huynh

Reputation: 609

You can use:

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

Upvotes: 1

Related Questions