Berechnete Bindungen in automatischen Bindungsvorlagen in Polymer 1.0

Question

Wie kann ich berechnete Bindungen in automatischen Bindungsvorlagen definieren (d. H. Die als <template is='dom-bind'>...</template> deklarierten)?

Answer 1

Ordnen Sie die berechnete Bindung einfach über ein Skript direkt dem Vorlagenelement zu und stellen Sie sicher, dass die beteiligten Eigenschaften nach der Definition der berechneten Bindung initialisiert werden.

Beispiel:

<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>