<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="libs/angular.min.js"></script>
<script src="libs/jquery-1.11.0.min.js"></script>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope, $http) {
$http.get("papapa.json").then(function(res) {
$scope.papapa = res.data;
});
$scope.addGood = function() {
var pap = {}
pap.name = $scope.name;
pap.age = $scope.age;
pap.gender = $scope.gender;
pap.price = $scope.price;
pap.dates = $scope.dates;
pap.product = $scope.product;
$scope.papapa.push(pap);
$scope.showAdd = false;
// if(age>=18 && age <=45){
//
// }else{
// alert("错");
// }
// if(name==""){
// alert("请输入员工姓名");
// }
// if(product == ""){
// alert("请输入部门");
// }
// if(dates==""){
// alert("请输入出生日期");
// }
}
$scope.deleteMore = function(gname) {
for(var i = 0; i < $scope.papapa.length; i++) {
$scope.papapa.splice(i, 1);
break;
}
}
$scope.deleteAll = function() {
if($scope.checkAll) {
$scope.papapa = [];
} else {
var chec = $("input[type=checkbox]:checked");
for(var i = chec.length > 1; i >= 0; i--) {
$scope.papapa.splice(chec[i].value, 1);
}
}
}
});
</script>
</head>
<center>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="text" placeholder="根据性名模糊查询" ng-model="name" />
<input type="text" placeholder="根据部门模糊查询" />
<select ng-model="paixu">
<option value="">根据薪资排序</option>
<option value="price">薪资正序</option>
<option value="-price">薪资倒序</option>
</select>
<input type="button" value="批量删除" ng-click="deleteAll();" />
<input type="button" value="添加数据" ng-click="showAdd=!showAdd" />
<div ng-show="showAdd">
员工姓名：<input type="text" ng-model="name" id="name" /><br /> 员工年龄：
<input type="text" ng-model="age" /><br /> 员工性别：
<input type="text" ng-model="gender" /><br /> 员工薪资：
<input type="text" ng-model="price" /><br /> 出生日期：
<input type="date" ng-model="dates" /><br /> 部门：
<input type="text" ng-model="product" /><br />
<input type="button" value="添加" ng-click="addGood();" />
</div>
<div>
<table border="1">
<tr>
<td><input type="checkbox" ng-model="checkAll" /></td>
<td>员工姓名</td>
<td>员工年龄</td>
<td>员工性别</td>
<td>员工薪资</td>
<td>出生日期</td>
<td>部门名称</td>
<td>删除</td>
</tr>
<tr ng-repeat="pa in papapa | filter:name | orderBy:paixu">
<td><input type="checkbox" ng-model="checkAll" /></td>
<td>{{pa.name}}</td>
<td>{{pa.age}}</td>
<td>{{pa.gender}}</td>
<td>￥:{{pa.price}}</td>
<td>{{pa.dates}}</td>
<td>{{pa.product}}</td>
<td>
<input type="button" value="删除" ng-click="deleteMore(gname);" />
</td>
</tr>
</table>
</div>
</center>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="libs/angular.min.js"></script>
<script src="libs/jquery-1.11.0.min.js"></script>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope, $http) {
$http.get("papapa.json").then(function(res) {
$scope.papapa = res.data;
});
$scope.addGood = function() {
var pap = {}
pap.name = $scope.name;
pap.age = $scope.age;
pap.gender = $scope.gender;
pap.price = $scope.price;
pap.dates = $scope.dates;
pap.product = $scope.product;
$scope.papapa.push(pap);
$scope.showAdd = false;
// if(age>=18 && age <=45){
//
// }else{
// alert("错");
// }
// if(name==""){
// alert("请输入员工姓名");
// }
// if(product == ""){
// alert("请输入部门");
// }
// if(dates==""){
// alert("请输入出生日期");
// }
}
$scope.deleteMore = function(gname) {
for(var i = 0; i < $scope.papapa.length; i++) {
$scope.papapa.splice(i, 1);
break;
}
}
$scope.deleteAll = function() {
if($scope.checkAll) {
$scope.papapa = [];
} else {
var chec = $("input[type=checkbox]:checked");
for(var i = chec.length > 1; i >= 0; i--) {
$scope.papapa.splice(chec[i].value, 1);
}
}
}
});
</script>
</head>
<center>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="text" placeholder="根据性名模糊查询" ng-model="name" />
<input type="text" placeholder="根据部门模糊查询" />
<select ng-model="paixu">
<option value="">根据薪资排序</option>
<option value="price">薪资正序</option>
<option value="-price">薪资倒序</option>
</select>
<input type="button" value="批量删除" ng-click="deleteAll();" />
<input type="button" value="添加数据" ng-click="showAdd=!showAdd" />
<div ng-show="showAdd">
员工姓名：<input type="text" ng-model="name" id="name" /><br /> 员工年龄：
<input type="text" ng-model="age" /><br /> 员工性别：
<input type="text" ng-model="gender" /><br /> 员工薪资：
<input type="text" ng-model="price" /><br /> 出生日期：
<input type="date" ng-model="dates" /><br /> 部门：
<input type="text" ng-model="product" /><br />
<input type="button" value="添加" ng-click="addGood();" />
</div>
<div>
<table border="1">
<tr>
<td><input type="checkbox" ng-model="checkAll" /></td>
<td>员工姓名</td>
<td>员工年龄</td>
<td>员工性别</td>
<td>员工薪资</td>
<td>出生日期</td>
<td>部门名称</td>
<td>删除</td>
</tr>
<tr ng-repeat="pa in papapa | filter:name | orderBy:paixu">
<td><input type="checkbox" ng-model="checkAll" /></td>
<td>{{pa.name}}</td>
<td>{{pa.age}}</td>
<td>{{pa.gender}}</td>
<td>￥:{{pa.price}}</td>
<td>{{pa.dates}}</td>
<td>{{pa.product}}</td>
<td>
<input type="button" value="删除" ng-click="deleteMore(gname);" />
</td>
</tr>
</table>
</div>
</center>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
