<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/angular.js" ></script>
<script>
var app=angular.module("myApp",[]);
app.controller("ctrl",function($scope,$http){
$http.get("http://result.eolinker.com/rR1VBtT56a6bb220c10b3d44b65b4787a8aec03c4ec32ce?%20uri=MonthTest")
.success(function(data){
$scope.stus=data;
})
i=0;
//全选
$scope. All=function(){
for(var i0;i<$scope.stus.length;i++){
$scope.stus[i].ck=$scope.flag;
}
}
//删除
$scope.sc=function(i){
$scope.stus.splice(i,1);
}
//批量删除
$scope.pl=function(){
//遍历数组
for(var i=0;i<$scope.stus.length;i++){
if($scope.stus[i].ck){
$scope.stus.splice(i,1);
i--;
}
}
}
})
</script>
</head>
<body ng-app="myApp" ng-controller="ctrl">
<input type="text" ng-model="dy" placeholder="按电影名称查询">搜索
<select ng-model="pai" style="margin-left: 30px;">
<!--按照要求排序-->
<option value="">--按要求排序--</option>
<option value="time">电影时长正序</option>
<option value="-time">电影时长降序</option>
<option value="price">售价正序</option>
<option value="-price">售价降序</option>
<option value="playTime">上映时间正序</option>
<option value="-playTime">上映时间降序</option>
<option value="score">评分正序</option>
<option value="-score">评分降序</option>
</select>
<button ng-click="pl()">批量删除</button>
<table border="1px">
<tr style="background-color: darkgrey;">
<td><input type="checkbox" ng-model="flag" ng-click="All()"></td>
<td>电影名称</td>
<td>类别</td>
<td>时长</td>
<td>导演</td>
<td>售价</td>
<td>上映时间</td>
<td >评分</td>
<td>操作</td>
</tr>
<tr ng-repeat=" s in stus | filter:{name:dy} | orderBy:pai">
<td><input type="checkbox" ng-model="s.ck"></td>
<td>{{s.type[0]}},{{s.type[1]}}</td>
<td>{{s.name}}</td>
<!--<td>{{s.type[0]}},{{s.type[1]}}</td>-->
<td>{{s.time}}</td>
<td>{{s.author}}</td>
<td>{{s.price}}</td>
<td>{{s.playTime|date:'yyyy-MM-dd HH:mm:ss'}}</td>
<td>{{s.score}}
<input type="text" ng-model="s.score" ng-show="update" ng-blur="update=false">
</td>
<td><button ng-click="update=true">修改</button>
<button ng-click="sc($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 app=angular.module("myApp",[]);
app.controller("ctrl",function($scope,$http){
$http.get("http://result.eolinker.com/rR1VBtT56a6bb220c10b3d44b65b4787a8aec03c4ec32ce?%20uri=MonthTest")
.success(function(data){
$scope.stus=data;
})
i=0;
//全选
$scope. All=function(){
for(var i0;i<$scope.stus.length;i++){
$scope.stus[i].ck=$scope.flag;
}
}
//删除
$scope.sc=function(i){
$scope.stus.splice(i,1);
}
//批量删除
$scope.pl=function(){
//遍历数组
for(var i=0;i<$scope.stus.length;i++){
if($scope.stus[i].ck){
$scope.stus.splice(i,1);
i--;
}
}
}
})
</script>
</head>
<body ng-app="myApp" ng-controller="ctrl">
<input type="text" ng-model="dy" placeholder="按电影名称查询">搜索
<select ng-model="pai" style="margin-left: 30px;">
<!--按照要求排序-->
<option value="">--按要求排序--</option>
<option value="time">电影时长正序</option>
<option value="-time">电影时长降序</option>
<option value="price">售价正序</option>
<option value="-price">售价降序</option>
<option value="playTime">上映时间正序</option>
<option value="-playTime">上映时间降序</option>
<option value="score">评分正序</option>
<option value="-score">评分降序</option>
</select>
<button ng-click="pl()">批量删除</button>
<table border="1px">
<tr style="background-color: darkgrey;">
<td><input type="checkbox" ng-model="flag" ng-click="All()"></td>
<td>电影名称</td>
<td>类别</td>
<td>时长</td>
<td>导演</td>
<td>售价</td>
<td>上映时间</td>
<td >评分</td>
<td>操作</td>
</tr>
<tr ng-repeat=" s in stus | filter:{name:dy} | orderBy:pai">
<td><input type="checkbox" ng-model="s.ck"></td>
<td>{{s.type[0]}},{{s.type[1]}}</td>
<td>{{s.name}}</td>
<!--<td>{{s.type[0]}},{{s.type[1]}}</td>-->
<td>{{s.time}}</td>
<td>{{s.author}}</td>
<td>{{s.price}}</td>
<td>{{s.playTime|date:'yyyy-MM-dd HH:mm:ss'}}</td>
<td>{{s.score}}
<input type="text" ng-model="s.score" ng-show="update" ng-blur="update=false">
</td>
<td><button ng-click="update=true">修改</button>
<button ng-click="sc($index)">删除</button></td>
</tr>
</table>
</body>
</html>
扫一扫
6951
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
