/ / Comment afficher la valeur du compteur sous forme de 2 chiffres dans Angularjs? - javascript, angularjs, liaison de données, angularjs-directive, angularjs-filter

Comment afficher la valeur du compteur sous forme de 2 chiffres dans Angularjs? - javascript, angularjs, liaison de données, angularjs-directive, angularjs-filter

J'utilise un minuteur angularjs pour créer un compte à rebours.

La directive timer renvoie la valeur en heures, minutes et secondes sous forme d'entier. Moyens, 1,2,3, .... Mais je veux afficher ces valeurs sous forme de 2 chiffres. comme, 01,02,03,04, ......

Existe-t-il un filtre ou une directive pour accomplir cela?

Réponses:

7 pour la réponse № 1

Je voudrais créer une coutume simple Filtre AngularJS.

Les filtres sont utilisés pour formater les données affichées à l'utilisateur.

Usage

{{value | counterValue}}

Filtre

app.filter("counterValue", function(){
return function(value){
value = parseInt(value);
if(!isNaN(value) && value >= 0 && value < 10)
return "0"+ valueInt;
return "";
}
})

1 pour la réponse № 2

L'alternative au filtre serait la directive personnalisée:

Usage

<li ng-repeat="item in array">
<digit content="item"></digit>
</li>

Directif

.directive("digit", function () {
return {
restrict: "E",
scope: {
content: "="
},
link: function (scope) {
if (scope.content < 10) {
scope.zero = "0";
} else {
scope.zero = "";
}
},
transclude: true,
template: "{{zero}}{{content}}"
};
});