angular js复选框并选择动态绑定以给出总价

Question

我有一个工作代码，在勾选一个或所有复选框后，给出json文件中总项目的总和

这是我的控制器

$scope.testFood = [{ name: item1, price: 400 }, { name: item2, price: 800 }, { name: item3, price: 1000 }];
$scope.selectedItems = [];
        $scope.value = function (isSelected, item) {
        if (isSelected == true) {
            $scope.selectedItems.push(item);
        } else {
            // console.log(item.name);
            angular.forEach($scope.selectedItems, function (itemRmv, $index) {
                if (itemRmv.itemid == item.itemid) {
                    $scope.selectedItems.splice($index, 1);
                }
            })
        }
        console.log($scope.selectedItems);
    }

过滤器：

.filter('getprice', function () {
    return function (value, property) {
        var total = 0;
        angular.forEach(value, function (val, index) {
            total = total + Number(val.price)
        });
        return total.toFixed(2);
    }
});

html模板：

<ul class="list" ng-repeat ="item in testFood">

  <li class="item item-checkbox">
     <label class="checkbox">
       <input type="checkbox" ng-model="item.isSelected" ng-change="value(item.isSelected,item)">
     </label>
     {{item.package_name}}  &nbsp; &nbsp; <p>N {{item.price}}</p>
  </li> X
 <label class="item item-input">
    <input type="number" value="0"  min="0" step="1">
  </label>
</ul>

致电{{selectedItems | getprice}}会给出总价。 我希望每个产品的数量与总价一起计算，我该怎么做？

感谢。