名字: -请选择- 时间正序 时间倒序
商品总价:{{sum()|currency:"¥"}}
{{phone.gname}} | {{phone.address}} | {{phone.regDate|date:"yyyy-MM-dd"}} | {{phone.price|currency:"¥"}} | {{phone.num*phone.price|currency:"¥"}} | {{phone.state}} |
添加页面
{{gname3}} | {{address3}} | {{regDate3|date:"yyyy-MM-dd"}} | {{price3|currency:"¥"}} | {{phone.num3*phone.price3|currency:"¥"}} | {{phone.state3}} |
<script type="text/javascript">
var arr=new Array();
arr["山西"]=new Array("运城","临汾");
for(var s in arr){
$(".sheng").append("<option>"+s+"</option>")
}
$(".sheng").change(function(){
var sh=$(this).val();
var shii=arr[sh];
$(".shi").empty();
for(var i=0;i<shii.length;i++){
var shi=shii[i];
$(".shi").append("<option>"+shi+"</option>")
}
});
var m= angular.module("myApp",[]);
m.controller("myCtrl",function($scope,$http){
$http.get("phones.json").then(function(res){
$scope.phones=res.data;
})
//全选
$scope.selectAll =function(){
for (var i=0;i<$scope.phones.length;i++) {
var g = $scope.phones[i];
g.ck=true;
}
}
//全不选
$scope.qbx =function(){
for (var i=0;i<$scope.phones.length;i++) {
var g = $scope.phones[i];
g.ck=false;
}
}
//反选
$scope.not =function(){
for (var i=0;i<$scope.phones.length;i++) {
var g = $scope.phones[i];
g.ck=!g.ck;
}
}
//单个删除
$scope.dele =function(gname){
var b = confirm("你确定要删除吗?");
if(b){
for (var i=0;i<$scope.phones.length;i++) {
var g = $scope.phones[i];
if(g.gname==gname){
$scope.phones.splice(i,1);
}
}
}
}
//批量删除
$scope.beachdel =function(){
var b =confirm("你确定要批量删除吗?");
if(b){
for (var i=$scope.phones.length-1;i>=0;i--) {
var g = $scope.phones[i];
if(g.ck){
$scope.phones.splice(i,1);
}
}
}
}
//计算总计
$scope.sum = function(){
var s = 0;
for (var i=0;i<$scope.phones.length;i++) {
var g = $scope.phones[i];
var zs=g.num*g.price;
s += zs;
}
return s;
}
//添加
$scope.show = function(){
$scope.add_show=true;
}
$scope.save = function(){
var gname2 = $scope.gname1;
if(gname2==null || gname2==undefined || gname2==" "){
alert("请输入姓名");
return;
}
var price2 = $scope.price3;
var num2 = $scope.num1;
var shi = $(".shi").val();
var obj ={
"gname": gname2,
"address":shi,
"num": num2,
"regDate": "1371120093221",
"price": price2,
"state": "未发货"
}
$scope.phones.push(obj);
$scope.add_show=false;
}
//修改
$scope.xiugai = function(phone){
$scope.xiu_show=true;
$scope.gname3 = phone.gname;
$scope.address3 = phone.address;
$scope.num3 = phone.num;
$scope.price3 = phone.price;
$scope.regDate3 = phone.regDate;
$scope.state3 = phone.sate;
$scope.xj = phone.price* phone.num;
}
$scope.save1 = function(){
var gname = $scope.gname3;
var price= $scope.price3;
var num = $scope.num3;
var shi = $scope.address3;
var obj ={
"gname": gname,
"address": shi,
"num": num,我 静静 就
"regDate": "1371399948599",
"price": price,
"state": "未发货"
}
for (var i=$scope.phones.length-1;i>=0;i--) {
var g = $scope.phones[i];
if(g.gname==gname){
$scope.phones.splice(i,1,obj);
}
}
}
$scope.xiu_show = false;
})
</script>
</body>
**加粗样式**