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

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

您可以使用underscore.js的any函数在插入之前检查商品是否已经在购物车中。

假设model.item具有可以唯一标识项目的属性id 。

 require 'underscore'

 found = _.any cart, (elem) -> elem.id == e.model.item.id
 if !found:
    @addToCart e

我没有测试代码。 只是一个大致的想法。