tr:nth-child(odd){
background-color: red;
}
.tip{
color: red;
}
- 编号:
- 名称:
- 数量:
- 价格:
- 地址:
- 日期:
编号 | 商品名称 | 数量 | 商品价格 | 地址 | 小计 | 日期 | 操作 | |
---|---|---|---|---|---|---|---|---|
{{x.id}} | {{x.name}} | {{x.num}} |
{{x.price}} | {{x.product}} | {{x.num*x.price}} | {{x.date|date:”yyyy-MM-dd hh:mm:ss”}} | |
- 编号:
- 名称:
- 数量:
- 价格:
- 地址:
- 日期:
<script type="text/javascript">
var my = angular.module("myapp",[]);
my.controller("ctrl",function($scope,$http){
var update;
$scope.mol = function(xid){
$scope.ismolshow = true;
for (var i = 0; i < $scope.shops.length; i++) {
if($scope.shops[i].id == xid){
update = $scope.shops[i];
$scope.aid = $scope.shops[i].id;
$scope.aname = $scope.shops[i].name;
$scope.anum = $scope.shops[i].num;
$scope.aprice = $scope.shops[i].price;
$scope.aproduct = $scope.shops[i].product;
$scope.adate = $scope.shops[i].date;
}
}
}
$scope.update = function(){
update.name = $scope.aname;
}
$scope.add = function(){
var newtr = {};
newtr.id = $scope.aid;
newtr.name = $scope.aname;
newtr.num = $scope.anum;
newtr.price = $scope.aprice;
newtr.product = $scope.aproduct;
newtr.date = $scope.adate;
if(newtr.id==""||newtr.id==null||newtr.id==undefined){
$("#tid").text("*编号不能为空");
return;
}
$scope.shops.push(newtr);
$scope.isshow = false;
}
$scope.jian = function(obj,index){
obj-=1;
if(obj<0){
if(confirm("确定要删除吗")){
$scope.shops.splice(index,1);
}
}else{
return obj;
}
}
$scope.jia = function(obj){
return obj+=1;
}
$http.get("aa.json").then(
function success(response){
$scope.shops = response.data;
}
)
});
</script>
</body>