如何绑定{{items | sum}}在模板外重复？

Question

        <div id="order">
            <template repeat="{{items as item}}">
                <p data-id="{{item.id}}" data-qty="{{item.qty}}" data-price="{{item.price}}">
                    <span>- {{item.id}}</span>
                    <span> x{{item.qty}}</span>
                </p>
            </template>
            <p>- Total {{total}}&#8364;</p>
        </div>

首先尝试itemsChanged更新总数，但由于观察者没有查看属性items[id].qty

，因此无效

文档确实提到了一个更具体的观察者，但当项目是数组时不能使用它。

{{items | sum }}也失败了，因为它只在启动时更新一次。

最后一个选项是

var order = this.$.order
order.onMutation(order, this.sum)

然后聚合物崩溃而没有错误信息。我把它放在ready:function(){...}

时只看到一个空白的屏幕