计算的属性,返回每个模型上一个属性的总和

Computed property that returns a sum of a property on each model

本文关键字:属性 上一个 模型 返回 计算      更新时间:2023-09-26

我有一个购物车模型,里面有看起来像的项目

[
    {
        "item_id": 1,
        "item_name":"Item 1",
        "item_price": 500
    },
    {
        "item_id": 2,
        "item_name": "Item 2",
        "item_price": 230
    },
    {
        "item_id": 3,
        "item_name": "Item 3",
        "item_price": 150
    }
]

我需要总结item_price属性,以便能够显示它,然后将它传递给ember数据或ajax调用以完成购买。

不确定我是否只是不理解计算机的agregate数据,但我正在尝试使用这个

totalDue: Ember.computed.sum('model.@each.item_price')

在控制器上,但它返回0

我是会员2.2.0

你可以这样做:

totalDue: Ember.computed('model.@each.item_price', function() {
  const model = this.get('model');
  if (!model) {
    return 0;
  }
  let sum = 0;
  model.forEach(item => sum += Ember.get(item, 'item_price'));
  return sum;
})

工作演示。

您也可以作为一个非常干净的单行:

totalDue: Ember.computed('model.@each.item_price', function() {
  return this.get('model').mapBy('item_price').reduce((a, b) => a + b, 0);
})

工作演示

您也可以这样做:

export default Ember.Controller.extend({
      model: [
        {
          "item_id": 1,
          "item_name":"Item 1",
          "item_price": 500
        },
        {
          "item_id": 2,
          "item_name": "Item 2",
          "item_price": 230
        },
        {
          "item_id": 3,
          "item_name": "Item 3",
          "item_price": 150
        }
      ],
      array: Ember.computed.mapBy('model', 'item_price'),
      sum: Ember.computed.sum('array'),
    });