Angularjs में काउंटर वैल्यू को 2 अंकों के रूप में कैसे प्रदर्शित करें? - जावास्क्रिप्ट, कोणीय, डेटा बाध्यकारी, कोणीय-निर्देश, कोणीय-फ़िल्टर

मैं उलटी गिनती प्रदर्शन बनाने के लिए angularjs टाइमर का उपयोग कर रहा हूँ।

टाइमर निर्देश पूर्णांक के रूप में घंटे, मिनट और सेकंड का मान देता है। मतलब, 1,2,3, .... लेकिन मैं इन मानों को 2 अंकों के रूप में प्रदर्शित करना चाहता हूं। जैसे, 01,02,03,04, ......

क्या इसे पूरा करने के लिए कोई फ़िल्टर या निर्देश है?

उत्तर:

मैं एक साधारण कस्टम बनाना चाहता हूं AngularJS फ़िल्टर.

फ़िल्टर को उपयोगकर्ता को प्रदर्शित डेटा स्वरूपण के लिए उपयोग किया जाता है।

प्रयोग

{{value | counterValue}}

फ़िल्टर

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

फ़िल्टर का विकल्प कस्टम निर्देश होगा:

प्रयोग

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

आदेश

.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}}"
};
});