<!DOCTYPE html>
<html ng-app="App">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="application/javascript" src="js/angular.min.js"></script>
<script>
var app = angular.module("App",[]);
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{ v
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>
<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="100px">上映时间</td>
<td width="100px">评分</td>
<td width="100px">操作</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>
简单angular
最新推荐文章于 2023-02-20 16:17:39 发布
1450
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
