更新购物车并删除购物车中的多余商品

Question

我一直试图在我的应用中制作一个简单的购物车功能。我正在使用聚合物用于我的应用，购物车和产品都在一个单独的组件中。我使用coffeescript作为默认值，但javascript中的任何帮助都同样有帮助。

功能是增加产品数量，同时增加购物车中的数量。

这就是我增加页面数量的方法

increaseQty:(e)->
      tmp = @filteredItems.findIndex (i) ->
        i == e.model.item
      @set 'filteredItems.' + tmp + '.quantity', e.model.item.quantity + 1
      @addToCart e

“addToCart”功能非常简单。我只是将当前项目推入购物车。

addToCart:(e)->
          #i = 0
          @push 'cart', e.model.item

我的问题是当我添加数量超过“1”时，它会复制购物车中的商品，最后一个实例就是我需要的商品。

我尝试与“while”循环进行比较以检查购物车中是否已存在商品并试图增加数量，但它不能正常工作。我假设有更好的方法来做到这一点。任何帮助将不胜感激。

Answer 1

您可以使用any的{​​{1}}功能检查项目是否已插入购物车中。

假设underscore.js有一个属性model.item，可以唯一标识该项目。

id

我没有测试代码。只是一个普遍的想法。