javascript - 如何在 Ractive 中显示多个属性的总和

Question

我正在使用RactiveJS对于我的模板。我有一些像这样的嵌套数据:

var view = new Ractive({
    data: {
        items: [
            { size: 1 }
            { size: 3 }
            { size: 4 }
        ]
    }
});

如何在模板中显示项目尺寸的总和？这取决于每个单独项目的大小，也取决于项目数组(例如添加/删除项目)。

Answer 1

这是一个fiddle它通过使用 Ractive 的 computed properties 来实现您想要的。您会考虑这种数据非规范化吗？

    computed: {
       sum: function () { 
           var items = this.get( 'items' ); 
           return items.reduce(function(prev, current) {
             return prev + current.size;
           }, 0)
       }