Создание общей функции стоимости в магазине нокаутов

Question

Я очень новичок в нокауте js и им было поручено добавить функциональность в корзину покупок. Я создал функцию для общей стоимости предметов в корзине, но она не работает (код выделен ниже).

Мой вопрос: как мне изменить эту функцию или создать новую, которая выводит общую стоимость предметов в корзине, и это изменяется, если элемент удален или изменяется количество элемента?

Вот код и краткое объяснение телеги:

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

Тележка имеет два основных раздела. В разделе «Добавить новый элемент» пользователь вводит имя, стоимость и количество элемента, затем нажимает «Добавить элемент».

Товар затем отображается в разделе «Товары в корзине» с указанием стоимости и количества. Пользователь по-прежнему может изменять количество товара, когда он находится в корзине.

Я создал функцию, называемую 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/