पॉलिमर में, dom-repeat टेम्पलेट हेल्पर dom-change ईवेंट उत्सर्जित करता है जब भी यह डोम में पुनरावृत्ति के परिणाम को टिकट देता है। क्या मेरे पास यह बताने का कोई तरीका है कि सभी पुनरावृत्तियों को कब पूरा किया जाए?जब डोम-दोहराना तत्व मुद्रित किया जाता है तो
शायद यह सरल उदाहरण व्यवहार की व्याख्या करने और टिप्पणियों पर विस्तार करने में मदद कर सकता है।
<dom-module id="change-tester">
<template>
<h1>Change Tester</h1>
<ul>
<template id="template" is="dom-repeat" items="{{content}}">
<li>{{item}}</li>
</template>
</ul>
<button on-click="more">Add more</button>
</template>
</dom-module>
<script>
Polymer({
is: 'change-tester',
properties: {
content: {
type: Array,
value: function(){ return ["one", "two", "three"]}
}
},
ready: function(){
this.$.template.addEventListener("dom-change", function(event){
console.log(event);
});
},
more: function(){
this.push("content", "four");
this.push("content", "five");
}
});
</script>
जब भी dom-change निकाल दिया जाता है, मैं कंसोल के लिए घटना लॉग इन करें, तो देव उपकरण खोलने के लिए और एक नजर है। प्रारंभ में, dom-repeat में तीन पुनरावृत्तियों हैं और तीन तत्वों के साथ डोम को पॉप्युलेट करेंगे। ध्यान दें कि केवल एक घटना आग लग जाएगी, अर्थात् जब सभी तीन तत्व जोड़े गए हैं। यदि आप बटन पर क्लिक करते हैं, तो दोहराने में सामग्री में दो और आइटम जोड़े जाते हैं। चूंकि dom-repeat अतुल्यकालिक रूप से अपडेट होते हैं, इन दो आइटमों को फिर से एक बार में संभाला जाता है और केवल एक ईवेंट ट्रिगर करेगा।
तो dom-change घटना वास्तव में वह अंतिम घटना है जिसे आप ढूंढ रहे हैं। अगर आप इससे जुड़ी वस्तुओं में हेरफेर करते हैं तो यह केवल फिर से आग लग जाएगा।
एक डायनामिक रूप से तैयार नोड (टेम्पलेट दोहराने की तरह) का उपयोग करने के उपयोग:।।।
इस $$ ('# आईडी')
इस $ के बजायआईडी
उदाहरण है अगर के लिएटेम्पलेट, आईडी "टेम्पलेट" आप
इसका उपयोग करना चाहिए है। $$ ('# टेम्पलेट')
ready: function(){
this.$$('#template').addEventListener("dom-change", function(event){
console.log(event);
});
},
क्या डोम चेंज इवेंट में डेटा देखकर यह निर्धारित करना संभव है - यह जानना कि डेटा आइटम किस प्रकार रहना चाहिए और उसके बाद जांच करनी चाहिए? शायद आदर्श समाधान नहीं है, हालांकि। – newfivefour
https://github.com/Polymer/polymer/blob/master/src/lib/template/dom-repeat.html @ 348 यह रेंडर() –
के निष्कर्ष पर एक घटना को सक्रिय करता है क्योंकि रॉबर्ट 'dom के ऊपर कहता है 'dom-repeat' टेम्पलेट को प्रस्तुत करने पर ईवेंट' निकाल दिया जाता है। इसके बाद आपको अपने टेम्पलेट को कोड की निम्न पंक्ति में जोड़ना चाहिए जो इस ईवेंट को निकाल दिए जाने पर फ़ंक्शन निष्पादित करेगा: '' –