8
votes

Symbole de devise angulaire22

Je suis en Australie essayant de montrer des valeurs de devises, je fais xxx

et je reçois en résultat 1 300 000 $ , je voudrais Pour montrer 1 300 000 $ (n ° A) sans avoir à changer de 'USD'.

est un moyen de personnaliser mon symbole monétaire?


1 commentaires

Il n'est pas mentionné dans The Docs , donc probablement pas. Vous pouvez également sous-classer ou composer votre propre tuyau pour ce comportement, cependant.


5 Réponses :


0
votes

the Currencype fournir cette possibilité. Une option serait d'écrire votre propre tuyau personnalisé pour supprimer le " A "et concacte ces tuyaux.

{{ portfolio.currentValue | currency : 'AUD' : true : '4.0' | removeAFromString}}


1 commentaires

Merci pour votre contribution, mais si ce n'est pas possible, je préférerais une solution comme que



2
votes

Voici tout ce que vous voulez, il gérera non seulement l'AUD, mais toutes les devises:

 @Pipe({
    name: 'removeLettersFromStringPipe'
})
export class RemoveLettersFromStringPipe implements PipeTransform {
  transform(value: string){

    let myTransformed:string[] = [];

    for (var i = 0; i < value.length; i++) {
        if(!this.isLetter(value[i])){
            myTransformed.push(value[i])
        }
    }

    return myTransformed.join("");
  }

  isLetter(c) {
      return c.toLowerCase() != c.toUpperCase();
    }
}


0 commentaires

0
votes

Comme suggéré dans les autres réponses, nous avons utilisé un tuyau personnalisé pour cela, car je n'ai pas pu trouver un moyen de personnaliser le symbole pour AUD.

@Pipe({
   name: 'aud'
})
export class AudPipe implements PipeTransform {

transform(value: number): any {

    if (value === undefined || value === null) {
        return null;
    }

    let numberPipe = new DecimalPipe('en-AU');
    return '$' + numberPipe.transform(value, '1.2-2');
}


0 commentaires

4
votes

Vous pouvez définir votre paramètre local en Australie, puis pour EC Devise, il suffira d'afficher un $.

dans vos fournisseurs d'applications Ajoutez les éléments suivants: p>

{{ portfolio.currentValue | currency : 'AUD' : true : '4.0' }}


0 commentaires

0
votes

symbole-étroit est maintenant pris en charge et fera ce dont vous avez besoin. XXX

https://angular.io/api/common/curcyPype#USAGE-notes

fonctionne également pour l'AUD. < / p>


0 commentaires