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

Question

我是 js knockout 的新手，我的任务是向购物车添加功能。我为购物车中商品的总成本创建了一个函数，但它不起作用（代码在下面突出显示）。

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

这是购物车的代码和简要说明：

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

购物车有两个主要部分。在 'Add New Item' 部分，用户输入商品的名称、成本和数量，然后单击 'Add Item'。

然后该商品及其成本和数量出现在 'Items in Cart' 部分。当商品在购物车中时，用户仍然可以更改商品的数量。

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

函数如下：

viewModel.getTotalCost = ko.pureComputed(function()

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

  viewModel);

提前谢谢你。

Answer 1

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/

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

Creating total cost function in Knockout shopping cart

javascript

knockout.js