在VueJS需要一個靈活的貨幣過濾器

Question

我需要修改貨幣過濾器，以便能夠指定小數位數......我需要0,2和4小數位在貨幣在不同的地方......我在想「 flexCurrency：4「，但找不到必要的文檔以瞭解如何覆蓋貨幣過濾器。我在想象着角的過濾器看起來是這樣的：

.filter('flexCurrency', flexCurrencyFilter) 

function flexCurrencyFilter($filter) { 
     return function (input, decPlaces) { 
      decPlaces = decPlaces || 0; 

      // Check for invalid inputs 
      if (isNaN(input) || !input || Math.abs(input) === 0 || (Math.abs(input) > 0 && Math.abs(input) < 1)) { 
       return '-'; 
      } 
      var out = input; 

      //Deal with the minus (negative numbers) 
      var minus = out < 0; 
      out = Math.abs(out); 
      out = $filter('number')(out, decPlaces); 

      // Add the minus and the symbol 
      if (minus) { 
       return '($' + out + ')'; 
      } else { 
       return '$' + out; 
      } 
     }; 
    } 

Answer 1

貨幣過濾器是在source code，只是適應它採取額外的ARG。這應該工作：

flexCurrency (value, currency, decimals) { 
    value = parseFloat(value) 
    if (!isFinite(value) || (!value && value !== 0)) return '' 
    currency = currency != null ? currency : '$' 
    var stringified = Math.abs(value).toFixed(decimals) 
    var _int = stringified.slice(0, -1 - decimals) 
    var i = _int.length % 3 
    var head = i > 0 
     ? (_int.slice(0, i) + (_int.length > 3 ? ',' : '')) 
     : '' 
    var _float = stringified.slice(-1 - decimals) 
    var sign = value < 0 ? '-' : '' 
    return sign + currency + head + 
     _int.slice(i).replace(digitsRE, '$1,') + 
     _float 
    },