月考冲刺1

最新推荐文章于 2024-05-14 15:42:34 发布

77777。

最新推荐文章于 2024-05-14 15:42:34 发布

阅读量108

点赞数

文章标签：月考

本文链接：https://blog.csdn.net/qq_41646495/article/details/79702624

版权

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title></title>
	<script src="js/angular.min.js"></script>
	<script>
	console.log(new Date("2017-11-23 10:00:00").getTimezoneOffset()) ;
	</script>
	<script>
	/* */
	var app= angular.module("app",[]);
	app.controller("ctrl",function($scope,$http){
	$http.get("http://result.eolinker.com/lKgJQ8Zec38423e5603b8e055d1193a8127c0c060bb1b55?uri=goodstest")
	.success(function(aa){
	$scope.datas= aa;
	})
	//批量删除
	$scope.delAll=function(){
	for(var i=0;i<$scope.datas.length;i++){
	if ($scope.datas[i].c){
	$scope.datas.splice(i,1);
	i--;
	}
	}
	}

	$scope.gb=function(){
	//全选
	for(var i=0;i<$scope.datas.length;i++){
	$scope.datas[i].c=$scope.ck;
	//
	}
	}

	})
	</script>
	<style>
	tr:nth-child(2n+1){
	background: yellowgreen;
	}
	tr:nth-child(2n){
	background: #00BFFF;
	}
	</style>
	</head>

	<!--使用 ng-controller 会自动创建空的$scope -->
	<body ng-app="app" ng-controller="ctrl">
	{{datas}}
	<input ng-model="sname" placeholder="请输入商品名"/>
	<input ng-model="stel" placeholder="请输入手机号"/>

	<select ng-model="ss" ><!--ng-init="ss='已发货'" 给ss赋值 -->
	<option value="">请选择状态</option>
	<option>已发货</option>
	<option>未发货</option>
	</select>
	<button ng-click="delAll()">批量删除</button>
	<table border="1px">
	<tr>
	<td>
	<input type="checkbox" ng-model="ck" ng-click="gb()" />
	</td>
	<td>id <button ng-click="px='id';f=!f">排序</button></td>
	<td>商品名字</td>
	<td>用户名</td>
	<td>手机号</td>
	<td>价格<button ng-click="px='price';f=!f">排序</button> </td>
	<td>城市</td>
	<td>下单时间</td>
	<td>状态</td>
	</tr>
	<tr ng-repeat="d in datas\|filter:{gname:sname,tel:stel,state:ss}\|orderBy:px:f">
	<td><input type="checkbox" ng-model="d.c" /> </td>
	<td>{{d.id}}</td>
	<td>{{d.gname}}</td>
	<td>{{d.uname}}</td>
	<td>{{d.tel}}</td>
	<td>{{d.price\|currency:"￥"}}</td>
	<td>{{d.city}}</td>
	<td>{{d.regdate\|date:'MM-dd hh:mm:ss'}}</td>
	<td>
	<span style="background: yellow;" ng-show="d.state=='未发货'" >
	<a href="#" ng-click="d.state='已发货'">未发货</a>
	</span>
	<span style="background: green;" ng-show="d.state=='已发货'">已发货</span>
	</td>
	</tr>
	</table>
	</body>
	</html>