How can I calculated the total sum of a repeat binding in polymer? -
उदाहरण:
& lt; div id = "order" & gt; & Lt; टेम्पलेट दोहराने = "{आइटम के रूप में आइटम}}" & gt; & Lt; p & gt; & LT; अवधि & gt; {{item.id}} के & lt; / span & gt; & Lt; span class = "price" & gt; {{item.price}} & lt; / span & gt; & Lt; span class = "qty" & gt; {{item.qty}} & lt; / span & gt; & Lt; / p & gt; {{CpuTotal (item.qty * item.price)}} & lt; / टेम्पलेट & gt; & Lt; p & gt; कुल {{total}} & lt; / p & gt; & Lt; / div & gt; & LT; स्क्रिप्ट & gt; पॉलिमर ('my-form', {कुल: 0, cpuTotal: फ़ंक्शन (x) {this.total = this.total + x console.log (this.total)}}) & lt; / स्क्रिप्ट & gt; & Lt; / बहुलक तत्व & gt;
क्या कोई ऐसा तरीका है जिसे आप एक गणनाबद्ध बाइंडिंग का उपयोग कर कर सकते हैं, ताकि मैं {{total = total + (item.price * item.qty)}}
?
संपादित करें: अब समस्या यह है कि this.total
प्रत्येक अलग आइटम की कुल संख्या है? इसलिए टेम्पलेट में प्रत्येक जेनरेट किए गए आइटम के लिए मेरे पास उन सभी की राशि के बजाय एक अलग कुल है।
मैं उस तर्क को किसी फ़ंक्शन में (जैसे, computedTotal ()
) छूंगा और फिर इसके बजाय:
& lt; p & gt; कुल: {{total}} & lt ; / p & gt;
मुझे ये होगा:
& lt; p & gt; कुल: {{computedTotal ()}} & lt; / p & gt;
आपका computedTotal ()
ऐसा कुछ जैसा दिख सकता है:
computedTotal: function () {var total = 0; के लिए (var i = 0; i & lt; this.items.length; i ++) {कुल + = (this.items [i] .price * this.items [i] .qty); } कुल वापसी; }
मैं टेम्पलेट में खुद को बहुत अधिक लॉगिन करने से बचना चाहूंगा
Comments
Post a Comment