使用角度数字格式过滤器格式化值

Formatting values using angular number format filter

本文关键字：过滤器 格式化 格式 数字      更新时间：2023-09-26

根据角数格式过滤器，如果我给出这个

       $scope.numberExpression =123.45;
      {{ numberExpression | number : 2}} // returns 123.45

并且如果它是$scope.numberExpression＝123；

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

但我不想把00附加在那里。有没有一种方法可以通过使用数字过滤器来做到这一点。

您可以使用：

{{numberExpression | number : ((numberExpression % 1 === 0) ? 0 : 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>

相关文章：