<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/angular.min.js" ></script>
</head>
<body ng-app="myapp" ng-controller="mycr">
<center>
<table cellspacing="1" cellpadding="1" width="500px">
<tr ng-repeat="x in good" align="center">
<td><input type="checkbox" ng-model="x.check"/></td>
<td>{{x.name}}</td>
<td>
<input type="button" value="-" ng-click="jian($index)"/>
{{x.count}}
<input type="button" value="+" ng-click="jia($index)"/>
</td>
<td>{{x.price}}</td>
<td ng-click="shanchu($index)">删除</td>
</tr>
</table>
<br /><br />
<input type="checkbox" ng-model="mqx" ng-click="qx()"/>全選
合計<span ng-bind="sum()">0</span>
</center>
</body>
<script>
var app=angular.module("myapp",[]);
app.controller("mycr",function($scope){
$scope.good=[
{"check":false,
"name":"你好啊我來拉别跑啊",
"count":1,
"price":650
},
{"check":false,
"name":"我愛你掙紮呢個十年護你",
"count":1,
"price":350
},
{"check":false,
"name":"我們是不可能的",
"count":1,
"price":150
}
];
//增加的代碼
$scope.jia=function($index){
$scope.good[$index].count++;
}
//減少的代碼
$scope.jian=function($index){
//大于1較減少 否則删除
if($scope.good[$index].count>1){
$scope.good[$index].count--;
}else{
$scope.good.splice($index,1);
}
}
//删除的代碼
$scope.shanchu=function($index){
$scope.good.splice($index,1);
}
//總數的代碼
$scope.sum=function(){
var n=0;
for (var i=0;i<$scope.good.length;i++) {
if($scope.good[i].check){
n+=$scope.good[i].price*$scope.good[i].count;
}
}
return n;
}
//全選
$scope.qx=function(){
if($scope.mqx){
for (var i=0;i<$scope.good.length;i++) {
$scope.good[i].check=true;
}
}else{
for (var i=0;i<$scope.good.length;i++) {
$scope.good[i].check=false;
}
}
}
})
</script>
</html>