重要

最新推荐文章于 2018-01-19 09:13:03 发布

twtxby

最新推荐文章于 2018-01-19 09:13:03 发布

阅读量168

点赞数

本文链接：https://blog.csdn.net/xiaozi_01anfen/article/details/79102636

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jss/angular.min.js"></script>
<script src="jss/jquery-1.11.1.js"></script>
<script>
angular.module("xubingyang",[]).controller("con1",function($scope){
$scope.stus=[{id:1,name:"张三",password:12345,age:18,sex:"男"},
{id:1,name:"李四",password:12346,age:19,sex:"女"},
{id:1,name:"王五",password:12343,age:20,sex:"男"},
{id:1,name:"李素",password:1234,age:21,sex:"女"}];

$scope.f=false;
$scope.tableshow=false;
$scope.tabshow=false;
$scope.tijiao=function(){
$scope.datas=[];
var ids = $scope.ids;
var names = $scope.names;
var passwords=$scope.passwords;
var ages=$scope.ages;
var sexs= $scope.sexs;
if(ids ==""||ids==undefined){//判断为空 “” undefined
$scope.datas.push("id不能为空");
}else if(isNaN(ids)){
$scope.datas.push("id不是数字")
}
if(names==""||names==undefined){
$scope.datas.push("用户名不能为空");
}
if(passwords==""||passwords==undefined){
$scope.datas.push("密码不能为空");
}
if(ages==""||ages==undefined){
$scope.datas.push("年龄不能为空");
}else if(isNaN(ages)){
$scope.datas.push("年龄不为数字")
}
if(sexs==""||sexs==undefined){
$scope.datas.push("性别不能为空");
}

if($scope.datas.length>0){ //错误信息的数组中有错误信息
$scope.tableshow=true;
}else{
$scope.tabshow=false;
$scope.tableshow=false;

var reg_=/米/g;
var sname = $scope.names.replace(reg_,"*");
$scope.names=sname;

$scope.stus.push({
id:$scope.ids,
name:$scope.names,
password:$scope.passwords,
age:$scope.ages,
sex:$scope.sexs
});
}
}
$scope.ckall=function(){
for(var i=0;i<$scope.stus.length;i++){
$scope.stus[i].ck = $scope.ck1;
}
}
$scope.de=function(){
var delss = 0;
for(var i=0;i<$scope.stus.length;i++){
if($scope.stus[i].ck){
delss++;
$scope.stus.splice(i,1);
i--;
}
}
if(delss==0){
alert("请选择");
}
if($scope.stus.length==0){
alert("购物车为空");
}
}
$scope.deles=function(){
for(var i=0;i<$scope.stus.length;i++){
if(confirm("是否删除?")){
$scope.stus.splice(i);
}
}
}
$scope.valprice=function(p){
var pricea_b = $scope.pricea;
if(pricea_b==undefined||pricea_b==""){
return true;
}
var as = pricea_b.split("-");
var minage = as[0];
var maxage = as[1];
if(p>=minage&&p<=maxage){
return true;
}else{
return false;
}
}
});
</script>
</head>
<body ng-app="xubingyang" ng-controller="con1">
姓名查找：<input type="text" placeholder="关键字" ng-model="salname"/>
年龄查找:<select ng-model="pricea">
<option value="">请选择</option>
<option>10-20</option>
<option>20-30</option>

</select>
性别查找:<select ng-model="xb">
<option value="">请输入选择</option>
<option>男</option>
<option>女</option>
</select>
<button ng-click="deles()">删除全部</button>
<button ng-click="de()">批量删除</button>
<table border="1">
<tr>
<td><input type="checkbox" ng-model="ck1" ng-click="ckall()"/></td>
<td>序号</td>
<td>姓名</td>
<td>密码</td>
<td>年龄</td>
<td>性别</td>
<td>操作</td>

</tr>
<tr ng-repeat="s in stus|filter:salname|filter:xb" ng-show="valprice(s.age)">
<td><input type="checkbox" ng-model="s.ck"/></td>
<td>{{s.id}}</td>
<td>{{s.name}}</td>
<td><span ng-hide="f">{{s.password}}</span>
<span ng-show="f">
<input ng-model="s.password" />
</span>
</td>
<td>{{s.age}}</td>
<td>{{s.sex}}</td>
<td><button ng-click="f=!f">修改密码</button></td>

</tr>
</table>
<button ng-click="tabshow=true">添加用户</button>
<table border="1" ng-show="tabshow">
<tr>
<td>序号</td>
<td><input type="text" placeholder="序号" ng-model="ids"/></td>
</tr>
<tr>
<td>姓名</td>
<td><input type="text" placeholder="姓名" ng-model="names"/></td>
</tr>
<tr>
<td>密码</td>
<td><input type="text" placeholder="密码" ng-model="passwords"/></td>
</tr>
<tr>
<td>年龄</td>
<td><input type="text" placeholder="年龄" ng-model="ages"/></td>
</tr>
<tr>
<td>性别</td>
<td><input type="text" placeholder="性别" ng-model="sexs"/></td>
</tr>
<tr><td><button ng-click="tijiao()">提交</button></td></tr>
</table>
<div ng-show="tableshow" style="width:640px; height: 240px;background: red;">
<ul>
<li ng-repeat="c in datas">{{c}}</li>
</ul>
</div>
</body>
</html>