更新購物車並刪除購物車中的多余物品

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

我沒有測試代碼。 只是一個大致的想法。