Retrait d'AngularJS monnaie filtre décimal/cents

Mise à jour: à partir de la version 1.3.0 - currencyFilter: ajouter fractionSize comme paramètre optionnel, voir s'engager
et mis à jour plunker

{{10 | currency:undefined:0}}

Noter que c'est le deuxième paramètre de sorte que vous besoin de passer pas défini pour utiliser les paramètres régionaux en cours de devise symbole

Mise à jour: Prendre note que cela ne fonctionne que pour les symboles des devises qui sont affichés avant le numéro.
À partir de la version 1.2.9 c'est toujours fixée à 2 décimales.

Ici est une version modifiée qui utilise une copie de l'angulaire de l'formatNumber pour activer 0 fractionSize de la monnaie.

---

Normalement, ce devrait être configurable soit dans les paramètres régionaux de définition ou de la currencyFilter appel, mais pour l'instant(1.0.4) c'est codé en dur à 2 décimales.

Filtre personnalisé:

myModule.filter('noFractionCurrency',
  [ '$filter', '$locale',
  function(filter, locale) {
    var currencyFilter = filter('currency');
    var formats = locale.NUMBER_FORMATS;
    return function(amount, currencySymbol) {
      var value = currencyFilter(amount, currencySymbol);
      var sep = value.indexOf(formats.DECIMAL_SEP);
      if(amount >= 0) { 
        return value.substring(0, sep);
      }
      return value.substring(0, sep) + ')';
    };
  } ]);

Modèle:

<div>{{Price | noFractionCurrency}}</div>

Exemple:

• Démo

Mise à jour: correction d'un bug lors de la manipulation de valeurs négatives

Une autre chose qui est à considérer est si vous savez que vous avez un endroit ou un type de monnaie, vous pouvez placer le symbole de la devise avant le numéro, puis utilisez le filtre de numéro comme (pour la monnaie des états-unis).

  ${{Price | number:0}}

Plus d'une solution rapide si vous ne voulez pas pour les jeter dans un nouveau filtre et n'ont qu'une seule devise.

C'est une autre solution similaire, mais il supprime .00 décimal, mais laisse les autres décimale.

$10.00 $à 10 $

$10.20 à $10.20

app.filter('noFractionCurrency', [ '$filter', '$locale', function(filter, locale) {
    var currencyFilter = filter('currency');
    var formats = locale.NUMBER_FORMATS;
    return function(amount, currencySymbol) {
        amount = amount ? (amount*1).toFixed(2) : 0.00;
        var value = currencyFilter(amount, currencySymbol);
        //split into parts
        var parts = value.split(formats.DECIMAL_SEP);
        var dollar = parts[0];
        var cents = parts[1] || '00';
            cents = cents.substring(0,2)=='00' ? cents.substring(2) : '.'+cents; //remove "00" cent amount
        return dollar + cents;
    };
}]);

Une autre solution, celui-ci supprime les zéros à droite et trouve le bon symbole de la devise de la plupart des monnaies:

{{10.00|argent:USD}} à $10

{{10.00|argent:EUR}} à 10 euros

/**
* @ngdoc filter
* @name money
* @kind function
*
* @description
* Formats a number as a currency (ie $1,234.56), removing trailing zeros and using the     real currency symbol when possible. When no currency symbol is provided, default
* symbol for current locale is used.
*
* @param {number} amount Input to filter.
* @param {string=} symbol Currency symbol or identifier to be displayed.
* @returns {string} Formatted number. *
*/
app.filter('money', [ '$filter', '$locale', function (filter, locale) {
var currencyFilter = filter('currency');
var formats = locale.NUMBER_FORMATS;
var getCurrencySymbol = function (code) {
switch (code.toUpperCase()) {
case 'EUR': //Euro
return '€';
case 'USD': //Dólar americano
case 'MXN': //Peso mejicano
case 'CAD': //Dólar de Canadá
case 'AUD': //Dólar australiano
case 'NZD': //Dólar neozelandés
case 'HKD': //Dólar de Hong Kong
case 'SGD': //Dólar de Singapur
case 'ARS': //Peso argentino
return '$';
case 'CNY': //Yuan chino
case 'JPY': //Yen japonés
return '¥';
case 'GBP': //Libra esterlina
case 'GIP': //Libras de Gibraltar
return '£';
case 'BRL': //Real brasileño
return 'R$';
case 'INR': //Rupia india
return 'Rp';
case 'CHF': //Franco suizo
return 'Fr';
case 'SEK': //Corona sueca
case 'NOK': //Corona noruega
return 'kr';
case 'KPW': //Won de Corea del Norte
case 'KRW': //Won de Corea del Sur
return '₩';
default:
return code;
}
};
return function (amount, currency) {
var value;
if (currency) {
value = currencyFilter(amount, getCurrencySymbol(currency));
}
else {
value = currencyFilter(amount);
}
//Remove trailing zeros
var regex = new RegExp("\\" + formats.DECIMAL_SEP + "0+", "i");
return value.replace(regex, '');
};
} ]);

Et ici si vous voulez arrondir au plus proche de $1000: Démonstration En Direct:

var app = angular.module('angularjs-starter', []);
app.filter('noFractionRoundUpCurrency',
[ '$filter', '$locale', function(filter, locale) {
var currencyFilter = filter('currency');
var formats = locale.NUMBER_FORMATS;
return function(amount, currencySymbol) {
var value = currencyFilter(amount, currencySymbol);
var sep = value.indexOf(formats.DECIMAL_SEP);
if(amount >= 0) { 
if (amount % 1000 < 500){
return '$' + (amount - (amount % 500));
} else {
return '$' + (amount - (amount % 500) + 500);          
}
}
else{
if (-amount % 1000 < 500){
return '($' + (-amount - (-amount % 500)) + ')';
} else {
return '($' + (-amount - (-amount % 500) + 500)+ ')';          
}
}
};
} ]);
app.controller('MainCtrl', function($scope) {
});

J'ai un peu modifié le filtre posté par @Liviu T. accepter les monnaies, symbole de après la le nombre un certain nombre de décimales:

app.filter('noFractionCurrency',
[ '$filter', '$locale', function(filter, locale) {
var currencyFilter = filter('currency');
var formats = locale.NUMBER_FORMATS;
return function(amount, num, currencySymbol) {
if (num===0) num = -1;
var value = currencyFilter(amount, currencySymbol);
var sep = value.indexOf(formats.DECIMAL_SEP)+1;
var symbol = '';
if (sep<value.indexOf(formats.CURRENCY_SYM)) symbol = ' '+formats.CURRENCY_SYM;
return value.substring(0, sep+num)+symbol;
};
} ]);

Par exemple:

{{10.234 | noFractionCurrency:0}}
{{10.55555 | noFractionCurrency:2}}

Sorties:

$10
$10.56

Démo

Angulaire 4+

{{totalCost | currency : 'USD' : 'symbol' : '1.0-0' }}