php计算总金额,Angular实现可添加删除与计算总金额效果插件

这次给大家带来Angular实现可添加删除与计算总金额效果插件，Angular实现可添加删除与计算总金额插件的注意事项有哪些，下面就是实战案例，一起来看一下。

本文实例讲述了Angular实现可删除并计算总金额的购物车功能。分享给大家供大家参考，具体如下：

www.jb51.net angular可删除与计算总额的购物车

table{

width: 500px;

height: 300px;

border-collapse: collapse;

text-align: center;

}

td{

border: 1px solid black;

}

var myapp=angular.module("myapp",[]);

myapp.controller("myCtrl",function ($scope) {

$scope.goods=[{

gname:"iphone8",

num:"3",

price:"999"

},{

gname: "iphone7",

num: "4",

price: "599"

},{

gname: "iphone6",

num: "5",

price: "499"

},{

gname: "iphone5",

num: "6",

price: "399"

}

];

$scope.allSum=function () {

var allPrice=0;

for(var i=0;i

allPrice+=$scope.goods[i].price*$scope.goods[i].num;

}

return allPrice;

};

$scope.remove=function (index) {

if(confirm('确定移除此项嘛？')){

$scope.goods.splice(index,1);

}

if($scope.goods.length==0){

alter('你的购物车为空');

}

};

})

你的购物车
商品名称	数量	单价	小计	操作
{{arr.gname}}	{{arr.num}}	{{arr.price|currency:"RMB￥"}}	{{arr.num*arr.price|currency:"RMB￥"}}	删除
总金额

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：