Polymer 如何计算聚合物中重复结合的总和?
例如:Polymer 如何计算聚合物中重复结合的总和?,polymer,Polymer,例如: <div id="order"> <template repeat="{{items as item}}"> <p> <span>{{item.id}}</span> <span class="price">{{item.price}}</span> <sp
<div id="order">
<template repeat="{{items as item}}">
<p>
<span>{{item.id}}</span>
<span class="price">{{item.price}}</span>
<span class="qty">{{item.qty}}</span>
</p>
{{cpuTotal(item.qty*item.price)}}
</template>
<p>Total {{total}}</p>
</div>
<script>
Polymer('my-form', {
total:0,
cpuTotal:function(x){
this.total=this.total+x
console.log(this.total)
}
})
</script>
</polymer-element>
{{item.id}
{{item.price}}
{{item.qty}
{{cpuTotal(项目数量*项目价格)}
总计{{Total}
聚合物(“my-form”{
总数:0,
cpuTotal:函数(x){
this.total=this.total+x
console.log(this.total)
}
})
有没有一种方法可以使用计算的绑定来完成它,这样我就可以执行{{total=total+(item.price*item.qty)}
编辑:
我现在的问题是
这个。total
是每个单独项目的总和吗?因此,对于模板中生成的每个项,我都有一个单独的合计,而不是所有项的合计。我将把该逻辑粘贴到一个函数中(例如,computedTotal()
),然后替换为:
<p>Total: {{total}}</p>
我会避免在模板本身中放置太多的登录名
<p>Total: {{computedTotal()}}</p>
computedTotal: function() {
var total = 0;
for (var i = 0; i < this.items.length; i++) {
total += (this.items[i].price * this.items[i].qty);
}
return total;
}