<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var app = angular.module("myapp",[]).controller("myctrl",function ($scope) {
$scope.order=["请选择排序的方式","请按照薪资排序","请按照年龄排序","请按照出生日期进行排序"];
$scope.goods=[{
"name":"张三",
"age":30,
"price":"12000",
"date1":"1231546464848979",
"bumen":"测试"
},{
"name":"张四",
"age":25,
"price":"14000",
"date1":"1231546464848979",
"bumen":"安卓"
},{
"name":"张五",
"age":40,
"price":"25000",
"date1":"1231546464848979",
"bumen":"苹果"
}];
//全选
$scope.changeCheck = function () {
var checked = $scope.ischeck;
for (var i = 0; i < $scope.goods.length; i++) {
$scope.goods[i].check = checked;
}
}
//单个删除
$scope.del = function (index) {
var flag = confirm("是否确定要删除");
if(flag)
{
$scope.goods.splice(index,1);
}
}
//6.批量删除
$scope.delall = function () {
for (var i = 0; i < $scope.goods.length; i++) {
if ($scope.goods[i].check) {
$scope.goods.splice(i,1);
i--;
}
}
}
})
</script>
</head>
<body ng-app="myapp" ng-controller="myctrl">
<input type="text" placeholder="根据姓名模糊查询" ng-model="selectvalue"/>
<input type="text" placeholder="根据部门模糊查询" ng-model="selectbumen"/>
<select ng-model="selectname" ng-init="selectname=order[0]" ng-options="s for s in order" ng-change="change()">{{s}}</select>
<button ng-click="delall()">批量删除</button>
<table border="1px" cellpadding="0" cellspacing="0" width="600px">
<tr style="background-color: gray;" align="center" >
<td><input type="checkbox" ng-model="ischeck" ng-change="changeCheck()" /></td>
<td>员工姓名</td>
<td>员工年龄</td>
<td>员工薪资</td>
<td>出生日期</td>
<td>部门名称</td>
<td>操作</td>
</tr>
<tr ng-repeat="s in goods|filter:selectvalue|filter:selectbumen">
<td><input type="checkbox" ng-model="s.check" /></td>
<td>{{s.name}}</td>
<td>{{s.age}}</td>
<td>{{s.price|currency:"¥"}}</td>
<td>{{s.date1|date:"yyyy-MM-dd hh:mm:ss"}}</td>
<td>{{s.bumen}}</td>
<td><button ng-click="del($index)">删除</button></td>
</tr>
</table>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var app = angular.module("myapp",[]).controller("myctrl",function ($scope) {
$scope.order=["请选择排序的方式","请按照薪资排序","请按照年龄排序","请按照出生日期进行排序"];
$scope.goods=[{
"name":"张三",
"age":30,
"price":"12000",
"date1":"1231546464848979",
"bumen":"测试"
},{
"name":"张四",
"age":25,
"price":"14000",
"date1":"1231546464848979",
"bumen":"安卓"
},{
"name":"张五",
"age":40,
"price":"25000",
"date1":"1231546464848979",
"bumen":"苹果"
}];
//全选
$scope.changeCheck = function () {
var checked = $scope.ischeck;
for (var i = 0; i < $scope.goods.length; i++) {
$scope.goods[i].check = checked;
}
}
//单个删除
$scope.del = function (index) {
var flag = confirm("是否确定要删除");
if(flag)
{
$scope.goods.splice(index,1);
}
}
//6.批量删除
$scope.delall = function () {
for (var i = 0; i < $scope.goods.length; i++) {
if ($scope.goods[i].check) {
$scope.goods.splice(i,1);
i--;
}
}
}
})
</script>
</head>
<body ng-app="myapp" ng-controller="myctrl">
<input type="text" placeholder="根据姓名模糊查询" ng-model="selectvalue"/>
<input type="text" placeholder="根据部门模糊查询" ng-model="selectbumen"/>
<select ng-model="selectname" ng-init="selectname=order[0]" ng-options="s for s in order" ng-change="change()">{{s}}</select>
<button ng-click="delall()">批量删除</button>
<table border="1px" cellpadding="0" cellspacing="0" width="600px">
<tr style="background-color: gray;" align="center" >
<td><input type="checkbox" ng-model="ischeck" ng-change="changeCheck()" /></td>
<td>员工姓名</td>
<td>员工年龄</td>
<td>员工薪资</td>
<td>出生日期</td>
<td>部门名称</td>
<td>操作</td>
</tr>
<tr ng-repeat="s in goods|filter:selectvalue|filter:selectbumen">
<td><input type="checkbox" ng-model="s.check" /></td>
<td>{{s.name}}</td>
<td>{{s.age}}</td>
<td>{{s.price|currency:"¥"}}</td>
<td>{{s.date1|date:"yyyy-MM-dd hh:mm:ss"}}</td>
<td>{{s.bumen}}</td>
<td><button ng-click="del($index)">删除</button></td>
</tr>
</table>
</body>
</html>