गणना बाइंडिंग 1.0

Question

मैं कैसे ऑटो बाध्यकारी टेम्पलेट्स में गणना बाइंडिंग (अर्थात उन <template is='dom-bind'>...</template> के रूप में घोषित) को परिभाषित कर सकते हैं?

Answer 1

बस एक स्क्रिप्ट के माध्यम से टेम्पलेट तत्व को सीधे बाध्यकारी अभिकलन, सुनिश्चित करें कि इसमें शामिल गुण गणना की बाइंडिंग की परिभाषा के बाद प्रारंभ कर रहे हैं बनाने आवंटित।

उदाहरण:

<template is="dom-bind"> 
    <div> 
    <input value="{{text::input}}"> 
    </div> 
    <div>[[describe(text)]]</div> 
</template> 

<script> 
    (function() { 
    var template = document.querySelector('template[is="dom-bind"]'); 

    template.describe = function(text) { 
     if (text) { 
     return 'You entered "' + text + '", which is ' + text.length + ' characters long.'; 
     } else { 
     return 'You didn\'t even enter a thing! Shame on you.'; 
     } 
    }; 

    template.text = ''; 
    })(); 
</script>