在挖空购物车中创建总成本函数

Creating total cost function in Knockout shopping cart

本文关键字:创建 总成本 函数 购物车      更新时间:2023-09-26

我对js knockout很陌生,任务是为购物车添加功能。我已经为购物车中商品的总成本创建了一个函数,但它不起作用(代码在下面突出显示)。

我的问题是:如何更改此功能或创建一个新功能,该函数输出购物车中商品的总成本,并在移除商品或更改商品数量时更改?

以下是购物车的代码和简要说明:

http://jsfiddle.net/b4atrw2g/5/

购物车有两个主要部分。在"添加新项目"部分,用户输入项目的名称、成本和数量,然后单击"添加项目"。

然后,该商品将显示在"购物车中的商品"部分中,其中包含成本和数量。当商品在购物车中时,用户仍然可以更改商品的数量。

我创建了一个名为"getTotalCost"的函数,但它在将商品添加到购物车之前输出商品的总成本,并在商品添加到购物车后消失。

函数如下:

viewModel.getTotalCost = ko.pureComputed(function()
  {
    var total = 0;
    total += viewModel.newItemPrice() * viewModel.newItemQuantity();
    return total;
  },
  viewModel);

提前谢谢你。

viewModel.getTotalCost = ko.pureComputed(function() 
{
    var total = 0;
    arr = viewModel.itemsInCart();
    for (i = 0; i< arr.length;i++)
       total += arr[i].price * arr[i].quantity;
    return total; 
}

http://jsfiddle.net/b4atrw2g/6/