使用 angular 数字格式过滤器格式化值

Question

根据 angular 数字格式过滤器，如果我给这个

       $scope.numberExpression =123.45;

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

如果是 $scope.numberExpression =123;

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

但我不想在此处附加 00。有没有办法通过使用数字过滤器来做到这一点。

Answer 1

您可以使用：

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

Answer 2

您可以使用比 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>

使用 angular 数字格式过滤器格式化值

Formatting values using angular number format filter

javascript

format

filter

angularjs