AngularJS货币过滤器为什么用括号格式化负数？

Question

Live Demo

为什么这样的：

# Controller 
$scope.price = -10; 

# View 
{{ price | currency }} 

导致($10.00)而非-$10.00？

Answer 1

这是表示负面货币的流行方式。 Wikipedia：

在簿记中，欠款通常用红色数字或括号中的数字表示，作为表示负数的备选符号。

您可以在角源代码中看到他们这样做（negSuf/negPre）：

function $LocaleProvider(){ 
    this.$get = function() { 
    return { 
     id: 'en-us', 

     NUMBER_FORMATS: { 
     DECIMAL_SEP: '.', 
     GROUP_SEP: ',', 
     PATTERNS: [ 
      { // Decimal Pattern 
      minInt: 1, 
      minFrac: 0, 
      maxFrac: 3, 
      posPre: '', 
      posSuf: '', 
      negPre: '-', 
      negSuf: '', 
      gSize: 3, 
      lgSize: 3 
      },{ //Currency Pattern 
      minInt: 1, 
      minFrac: 2, 
      maxFrac: 2, 
      posPre: '\u00A4', 
      posSuf: '', 
      negPre: '(\u00A4', 
      negSuf: ')', 
      gSize: 3, 
      lgSize: 3 
      } 
     ], 
     CURRENCY_SYM: '$' 
     }, 

Answer 2

你的意思是显示 - $ 200元，而不是（$ 10.00）？

默认情况下，至少angularJs版本1.2.1是用圆括号显示。例如：（$ 10.00））。

如果是这样，这是我的情况。我创建了一个自定义过滤器：

var app = angular.module('myApp'); 

app.filter('customCurrency', ["$filter", function ($filter) {  
    return function(amount, currencySymbol){ 
    var currency = $filter('currency');   

    if(amount.charAt(0) === "-"){ 
     return currency(amount, currencySymbol).replace("(", "-").replace(")", ""); 
    } 

    return currency(amount, currencySymbol); 
    }; 

}]); 

所以将其委托给内置的货币过滤器和“装饰”或“非装饰”的括号。

我找不到方法来即时更改$ LocaleProvider。如果有人知道，请让我知道。

欢呼 莱昂纳多·科雷亚

Answer 3

它通过检查负数工作对我来说更好：

var app = angular.module('myApp'); 

app.filter('customCurrency', ["$filter", function ($filter) {  
    return function(amount, currencySymbol){ 
     var currency = $filter('currency');   

     if(amount < 0){ 
      return currency(amount, currencySymbol).replace("-", "(") + ')' 
     } 

     return currency(amount, currencySymbol); 
    }; 
}]); 

Answer 4

我知道这是一个老问题，但接受的答案只回答为什么出现这种情况，没有解决问题的具体办法。我认为，这样做的“最正确的方式”，就是用像这样一个装饰：

angular 
    .module('app') 
    .config(['$provide', function($provide) { 
     $provide.decorator('$locale', ['$delegate', function($delegate) { 
      if($delegate.id == 'en-us') { 
      $delegate.NUMBER_FORMATS.PATTERNS[1].negPre = '-\u00A4'; 
      $delegate.NUMBER_FORMATS.PATTERNS[1].negSuf = ''; 
      } 
      return $delegate; 
     }]); 
     }]); 

这只是调用一次，有效期为依赖于它的任何过滤器，并且不需要自定义过滤您的货币格式。

Answer 5

如果你不介意保持括号，只想一个快速简便的方法来实现这一
如：-($250.00)尝试以下操作：

<ul ng-repeat="data in customers"> 
    <li> 
    Balance: 
    <span ng-if="data.balance<0">-</span> 
    <span ng-if="data.balance>0">+</span> 
    {{data.balance | currency}} 
    </li> 
</ul> 

如果你想删除的()，那么你就可以创建您自己的过滤器或尝试其他答案。

Answer 6

更新：Angular 1.4不再使用括号来表示负值，但现在使用“ - ”符号。这里是一个讨论的链接：https://github.com/angular/angular.js/issues/12870

我用marc描述的装饰器返回.negPre和.negSuf来使用parens。