Comment définir son propre format avec Handlebars

Publié le 1 Septembre 2015

Je n'avais jusqu'ici que très peu utilisé handlebars (à la faveur d'angular) mais ce framework m'a plutôt agréablement surpris par sa simplicité et sa facilité d'extension.

C'est d'ailleurs cette fonctionnalité que nous allons utilisé pour définir notre propre formatage.

Handlebars.registerHelper('percentage', function (number) {
   // oui pas terrible comme formatage mais c'est juste pour l'exemple
   // on retourne par exemple "79.85 %"

   return (Math.round(number * 100) / 100) + " %";
});

Ensuite dans notre template on peut utiliser la "directive" "percentage" que nous venons de définir:

<p>Efficacité: {{percentage efficiency}}</p>

percentage est en fait la directive (helper) que nous venons de définir et efficiency est la variable contenant la valeur (pourcent) de l'efficacité.

Bien sûr il existe des librairies de formatage qui prennent en compte l'internationalisation (http://formatjs.io/handlebars) ce qui n'est pas le cas avec notre méthode ici. En revanche j'aime la simplicité de cette solution.

Rédigé par Bliz

Publié dans #Javascript

Repost 0
Commenter cet article