knockout.js
घटकों का परिचय
खोज…
टिप्पणियों
अवयव पुन: प्रयोज्य नियंत्रण / विजेट्स को अपने स्वयं के दृश्य (टेम्पलेट) और व्यूमोडल द्वारा दर्शाए जाने की अनुमति देते हैं। उन्हें नॉकआउट 3.2 में जोड़ा गया था। वेबकॉमर्स से प्रेरित, नॉकआउट घटकों को कस्टम तत्वों के रूप में परिभाषित करने की अनुमति देता है, जिससे अधिक आत्म-व्याख्यात्मक मार्कअप का उपयोग करने की अनुमति मिलती है।
प्रगति पट्टी (बूस्ट्रैप)
घटक परिभाषा
ko.components.register('progress-bar', {
viewModel: function(params) {
var that = this;
// progress is a numeric value between 0 and 100
that.progress = params.progress;
that.progressPercentual = ko.computed(function(){
return '' + ko.utils.unwrapObservable(that.progress) + '%';
})
},
template:
'<div class="progress"> <div data-bind="attr:{\'aria-valuenow\':progress}, style:{width:progressPercentual}, text:progressPercentual" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em;"></div> </div>'
});
एचटीएमएल का उपयोग
<progress-bar params="progress:5"></progress-bar>
Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow