<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/angular.js" ></script>
<script>
var product = angular.module("myApp",[]);
product.controller("myCtrl",function($scope){
$scope.sex ="男";
$scope.stus=[{name:'张三',age:18,sex:'男'},{name:'李四',age:18,sex:'男'}];
$scope.save=function(){
$scope.stus.push({name:$scope.uname,age:$scope.age,sex:$scope.sex});
}
$scope.del=function(i){
$scope.stus.splice(i,1);
}
//批量删除
$scope.delAll=function(){
for(var i = 0;i<$scope.stus.length;i++){
if($scope.stus[i].ck==true){
$scope.stus.splice(i,1);
i--;
}
}
}
//定义函数
$scope.ckall1=function(){
console.log("-------------",$scope.flagck);
for(var i=0;i<$scope.stus.length;i++){
$scope.stus[i].ck=$scope.flagck;
}
}
});
</script>
<style>
form label{
display: block;
margin: 10px;
}
table{
width: 600px;
}
</style>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<form>
<fieldset>
<legend>添加数据</legend>
<label>
用户名:<input ng-model="uname" />
</label>
<label>
年龄:<input ng-model="age" />
</label>
<label>
性别:<input type="radio" value="男" ng-model="sex" />男
<input type="radio" value="女" ng-model="sex" />女
</label>
</fieldset>
<input type="button" value="添加" ng-click="save()" />
</form>
<button ng-click="delAll()">批量删除</button>
<table border="1px">
<tr>
<td><input ng-model="flagck" type="checkbox" ng-click="ckall1()" /> </td>
<td>序号</td>
<td>用户名</td>
<td>年龄</td>
<td>性别</td>
<td>操作</td>
</tr>
<tr ng-repeat="s in stus">
<td><input type="checkbox" ng-model="s.ck" /> {{s.ck}}</td>
<td>{{$index}}</td>
<td>{{s.name}}</td>
<td>{{s.age}}</td>
<td>{{s.sex}}</td>
<td><button ng-click="del($index)">删除</button></td>
</tr>
</table>
</body>
</html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/angular.js" ></script>
<script>
var product = angular.module("myApp",[]);
product.controller("myCtrl",function($scope){
$scope.sex ="男";
$scope.stus=[{name:'张三',age:18,sex:'男'},{name:'李四',age:18,sex:'男'}];
$scope.save=function(){
$scope.stus.push({name:$scope.uname,age:$scope.age,sex:$scope.sex});
}
$scope.del=function(i){
$scope.stus.splice(i,1);
}
//批量删除
$scope.delAll=function(){
for(var i = 0;i<$scope.stus.length;i++){
if($scope.stus[i].ck==true){
$scope.stus.splice(i,1);
i--;
}
}
}
//定义函数
$scope.ckall1=function(){
console.log("-------------",$scope.flagck);
for(var i=0;i<$scope.stus.length;i++){
$scope.stus[i].ck=$scope.flagck;
}
}
});
</script>
<style>
form label{
display: block;
margin: 10px;
}
table{
width: 600px;
}
</style>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<form>
<fieldset>
<legend>添加数据</legend>
<label>
用户名:<input ng-model="uname" />
</label>
<label>
年龄:<input ng-model="age" />
</label>
<label>
性别:<input type="radio" value="男" ng-model="sex" />男
<input type="radio" value="女" ng-model="sex" />女
</label>
</fieldset>
<input type="button" value="添加" ng-click="save()" />
</form>
<button ng-click="delAll()">批量删除</button>
<table border="1px">
<tr>
<td><input ng-model="flagck" type="checkbox" ng-click="ckall1()" /> </td>
<td>序号</td>
<td>用户名</td>
<td>年龄</td>
<td>性别</td>
<td>操作</td>
</tr>
<tr ng-repeat="s in stus">
<td><input type="checkbox" ng-model="s.ck" /> {{s.ck}}</td>
<td>{{$index}}</td>
<td>{{s.name}}</td>
<td>{{s.age}}</td>
<td>{{s.sex}}</td>
<td><button ng-click="del($index)">删除</button></td>
</tr>
</table>
</body>
</html>