讲师—修改

来源：互联网发布：广发淘宝卡集分宝2017 编辑：程序博客网时间：2024/05/04 04:25

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/angular.min.js"></script>
<script src="js/jquery-1.11.1.js"></script>
<script>
angular.module("myApp", []).controller("modleC", function($scope) {

$scope.datas = [{
'state': false,
'ids': 1,
'uname': '曹操',
'upass': 123321,
'dj': 1,
datae: new Date('2017-12-18 10:00:00'),
'age':25
},
{
'state': false,
'ids': 2,
'uname': '刘备',
'upass': 22222,
'dj': 2,
datae: new Date('2017-12-18 11:10:00')
,
'age':22
},
{

'state': false,
'ids': 3,
'uname': '孙权',
'upass': 33333,
'dj': 3,
datae: new Date('2017-12-18 11:00:00'),
'age':19
}
];

$scope.ckAll = function() {
for(var i in $scope.datas) {
$scope.datas[i].state = $scope.ckall;

}

}
//全选删除
$scope.deAll = function() {
//循环遍历
for(var i = 0; i < $scope.datas.length; i++) {
if($scope.datas[i].state) {
$scope.datas.splice(i, 1);
i--;

}

}

}

//用户添加
$scope.adduser = function() {

var nid = $scope.idin;
var nname = $scope.namein;
var npwd = $scope.pwdin;
var ndj = $scope.djin;
var ndate = $scope.datein = new Date();
var ages= $scope.agem;
$scope.datas.push({
ids: nid,
uname: nname,
upass: npwd,
dj: ndj,
datae: ndate,
age:ages
});
$scope.toadd = false;

}

$("input").blur(function() {
var reg = /抢劫|小偷/; //reg--->是一个正则表达式对象 2验证是否符合表达式正则对象.test()
var v_name = $scope.namein;
if(reg.test(v_name)) {
alert("敏感字")
}
});

$scope.isage=function(ages){
var rage= $scope.ranage;
if(rage==undefined||rage==""){
return true;
}

var agex=rage.split("-");
if (ages>=agex[0]&&ages<=agex[1]) {
return true;
} else{
return false;

}

}

})
</script>

</head>

<body ng-app="myApp" ng-controller="modleC">
<input type="text" placeholder="用户名搜索" ng-model="so" />
<button ng-click="toadd=true">新增用户</button>
<button ng-click="deAll()">批量删除</button>
<select ng-model="xz">
<option value="">--选择级别--</option>
<option value="1">1</option>
<option value="2">2</option>

</select>
<select ng-model="px">
<option value="">--排序--</option>
<option value="dj">级别正序</option>
<option value="-dj">级别倒叙</option>
<option value="datae">时间正序</option>
<option value="-datae">时间倒叙</option>

</select>
<select ng-model="ranage">
<option value="">年龄查找</option>
<option value="10-20">10-20</option>
<option value="21-30">21-30</option>
<option value="31-40">31-40</option>

</select>
<table border="1">
<tr>
<th><input type="checkbox" ng-model="ckall" ng-click="ckAll()" /> </th>
<th>ID</th>
<th>用户名</th>
<th>密码</th>
<th>级别</th>
<th>创建时间</th>
<th>年龄查找</th>
<th>操作</th>

</tr>

<tr ng-repeat="a in datas|filter:{uname:so,dj:xz}|orderBy:px" ng-show="isage(a.age)">
<td><input type="checkbox" ng-model="a.state" /> </td>
<td>{{a.ids}}</td>
<td>{{a.uname}}</td>
<td>{{a.upass}}<input ng-show="xgx" ng-model="a.upass" /><button ng-click="xgx=false">保存</button> </td>
<td>{{a.dj}}</td>
<td>{{a.datae|date:'yyyy-MM-dd hh:mm:ss'}}</td>
<td>{{a.age}}</td>
<td><button ng-click="xgx=true">修改密码</button> </td>

</tr>

</table>
<div ng-show="toadd" style="width: 400px;height: 400px;">
ID <input type="number" ng-model="idin" onblur="valName()" /><br /> 用户名 <input type="text" ng-model="namein" /><br /> 密码
<input type="text" ng-model="pwdin" /><br /> 级别 <input type="number" ng-model="djin" /><br /> 创建时间 <input type="date" ng-model="datein" /><br />
年龄<input type="number" ng-model="agem" />
<button ng-click="adduser()">保存</button>
</div>

</body>

</html>

阅读全文

0 0