<!DOCTYPE html>
<html ng-app="myapp">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<script src="libs/angular.min.js"></script>
<script>
var app = angular.module("myapp",[])
app.controller("myctrl",function($scope,$http){
$http({
method: 'GET',
url: 'http://result.eolinker.com/rR1VBtT56a6bb220c10b3d44b65b4787a8aec03c4ec32ce? uri=MonthTest'
}).then(function successCallback(response) {
// 请求成功执行代码
$scope.datas = response.data;
}, function errorCallback(response) {
// 请求失败执行代码
});
$scope.remove = function(index){
if(window.confirm("是否删除")){
$scope.datas.splice(index,1);
alert("删除成功")
}
}
$scope.check = false;
$scope.checkAll = function(){
if($scope.check){
for(index in $scope.datas){
$scope.datas[index].state = true;
}
}else{
for(index in $scope.datas){
$scope.datas[index].state = false;
}
}
}
$scope.removeAll = function(){
var arr = [];
for(index in $scope.datas){
if($scope.datas[index].state==true){
arr.push($scope.datas[index].name);
}
}
if(arr.length==0){
alert("请选择删除项")
}else{
if(window.confirm("批量删除??")){
for(index in arr){
for(index2 in $scope.datas){
if(arr[index]==$scope.datas[index2].name){
$scope.datas.splice(index2,1);
}
}
}
}
alert("删除成功")
}
}
$scope.updata = function(index){
var name;
name=prompt("修改评分");
$scope.datas[index].score = name;
}
})
</script>
<style>
.ccc tr:nth-child(even){
background: #ccc;
}
</style>
<body ng-controller="myctrl">
<div style="text-align: center;">
<input type="text" placeholder="按电影名称模糊查询" ng-model="cx"/>
<button>查询</button>
<select style="margin-left: 20px;" ng-model="px">
<option>--按要求排序--</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 style="margin-left: 100px;" ng-click="removeAll()">批量删除</button>
</div>
<table align="center" border="1px" cellpadding="0" cellspacing="0" class="ccc">
<tr align="center">
<td><input type="checkbox" ng-model="check" ng-click="checkAll()"></td>
<td width="100px">电影名称</td>
<td width="100px">类别</td>
<td width="100px">时长</td>
<td width="100px">导演</td>
<td width="100px">售价</td>
<td width="200px">上映时间</td>
<td width="50px">评分</td>
<td width="150px">操作</td>
</tr>
<tr align="center" ng-repeat="arr in datas | filter:{name:cx} | orderBy:px ">
<td><input type="checkbox" ng-model="arr.state"></td>
<td>{{arr.name}}</td>
<td>{{arr.type[0]+arr.type[1]}}</td>
<td>{{arr.time+"分钟"}}</td>
<td>{{arr.author}}</td>
<td>{{arr.price | currency }}</td>
<td>{{arr.playTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
<td>{{arr.score}}</td>
<td>
<button ng-click="updata($index)">修改</button>
<button ng-click="remove($index)">删除</button>
</td>
</tr>
</table>
</body>
</html>
<html ng-app="myapp">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<script src="libs/angular.min.js"></script>
<script>
var app = angular.module("myapp",[])
app.controller("myctrl",function($scope,$http){
$http({
method: 'GET',
url: 'http://result.eolinker.com/rR1VBtT56a6bb220c10b3d44b65b4787a8aec03c4ec32ce? uri=MonthTest'
}).then(function successCallback(response) {
// 请求成功执行代码
$scope.datas = response.data;
}, function errorCallback(response) {
// 请求失败执行代码
});
$scope.remove = function(index){
if(window.confirm("是否删除")){
$scope.datas.splice(index,1);
alert("删除成功")
}
}
$scope.check = false;
$scope.checkAll = function(){
if($scope.check){
for(index in $scope.datas){
$scope.datas[index].state = true;
}
}else{
for(index in $scope.datas){
$scope.datas[index].state = false;
}
}
}
$scope.removeAll = function(){
var arr = [];
for(index in $scope.datas){
if($scope.datas[index].state==true){
arr.push($scope.datas[index].name);
}
}
if(arr.length==0){
alert("请选择删除项")
}else{
if(window.confirm("批量删除??")){
for(index in arr){
for(index2 in $scope.datas){
if(arr[index]==$scope.datas[index2].name){
$scope.datas.splice(index2,1);
}
}
}
}
alert("删除成功")
}
}
$scope.updata = function(index){
var name;
name=prompt("修改评分");
$scope.datas[index].score = name;
}
})
</script>
<style>
.ccc tr:nth-child(even){
background: #ccc;
}
</style>
<body ng-controller="myctrl">
<div style="text-align: center;">
<input type="text" placeholder="按电影名称模糊查询" ng-model="cx"/>
<button>查询</button>
<select style="margin-left: 20px;" ng-model="px">
<option>--按要求排序--</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 style="margin-left: 100px;" ng-click="removeAll()">批量删除</button>
</div>
<table align="center" border="1px" cellpadding="0" cellspacing="0" class="ccc">
<tr align="center">
<td><input type="checkbox" ng-model="check" ng-click="checkAll()"></td>
<td width="100px">电影名称</td>
<td width="100px">类别</td>
<td width="100px">时长</td>
<td width="100px">导演</td>
<td width="100px">售价</td>
<td width="200px">上映时间</td>
<td width="50px">评分</td>
<td width="150px">操作</td>
</tr>
<tr align="center" ng-repeat="arr in datas | filter:{name:cx} | orderBy:px ">
<td><input type="checkbox" ng-model="arr.state"></td>
<td>{{arr.name}}</td>
<td>{{arr.type[0]+arr.type[1]}}</td>
<td>{{arr.time+"分钟"}}</td>
<td>{{arr.author}}</td>
<td>{{arr.price | currency }}</td>
<td>{{arr.playTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
<td>{{arr.score}}</td>
<td>
<button ng-click="updata($index)">修改</button>
<button ng-click="remove($index)">删除</button>
</td>
</tr>
</table>
</body>
</html>