<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jss/angular.min.js"></script>
<script>
angular.module("xubingyang",[]).controller("con1",function($scope,$http){
$http.get("http://result.eolinker.com/rR1VBtT56a6bb220c10b3d44b65b4787a8aec03c4ec32ce?uri=MonthTest")
.then(function(d){
$scope.data=d.data;
})
$scope.ckall = function(){
for(var i=0;i<$scope.data.length;i++){
$scope.data[i].ck=$scope.ck1;
}
}
$scope.del = function(id){
var index=0;
for(var i=0;i<$scope.data.length;i++){
if($scope.data[i].id==id){
index=i;
}
}
if(confirm("是否删除")){
$scope.data.splice(index,1);
alert("删除成功");
}
}
$scope.yue= function(sname){
if($scope.salname ==""||$scope.salname==undefined){
return true;
}
if(sname.indexOf($scope.salname)>-1){
return true;
}
return false;
}
$scope.dele=function(){
var deles=0;
for(var i=0;i<$scope.data.length;i++){
if($scope.data[i].ck==true){
deles++;
$scope.data.splice(i,1);
i--;
}
}
if(deles==0){
alert("请选择");
}
if($scope.data.length==0){
alert("购物车为空");
}
}
})
</script>
</head>
<body ng-app="xubingyang" ng-controller="con1">
<h3 ng-show="data.length==0">购物车为空</h3>
<div ng-show="data.length!=0">
<input type="text" placeholder="请输入关键字查询" ng-model="salname"/>
<button >搜索</button>
<!--
作者：offline
时间：2018-01-19
描述((7) 用户可以根据电影时长、售价、上映时间、评分进行排序（正序、 倒序）。
-->
<select ng-model="px">
<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>
<!--
作者：offline
时间：2018-01-19
描述(5) 全选、反选及批量删除。用户可以点选删除也可以全选批量删除 当用户确定删除电影信息后提示电影信息是否删除成功.
-->
<button ng-click="dele()">批量删除</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>
<td>上映时间</td>
<td>评分</td>
<td>操作</td>
</tr>
<!--
作者：offline
时间：2018-01-19
描述：根据接口提供的数据遍历集合数据，展示数据如图所示
-->
<!--
作者：offline
时间：2018-01-19
描述(6) 用户可以根据电影名称进行模糊查询。
-->
<tr ng-repeat="s in data|orderBy:px" ng-show="yue(s.name)">
<td>
<input type="checkbox" ng-model="s.ck" />
</td>
<td>{{s.id}}</td>
<td>{{s.name}}</td>
<td>{{s.type}}</td>
<td>{{s.time}}</td>
<td>{{s.author}}</td>
<!--
作者：offline
时间：2018-01-19
描述：(3) 对电影票售价进行格式化，如￥：42.5
-->
<td>{{s.price|currency:"￥"}}</td>
<!--
作者：offline
时间：2018-01-19
描述：格式化电影上映日期如：1990-10-12 14:12:25
-->
<td>{{s.playTime|date:"yyyy-MM-dd hh:mm:ss"}}</td>
<td><span ng-hide="f">
{{s.score}}
</span>
<span ng-show="f">
<input style="width: 35px;" ng-model="s.score" />
</span></td>
<!--
作者：offline
时间：2018-01-19
描述：(4) 对电影信息进行删除。当删除电影信息时提示用户是否确定删除， 当用户确定删除电影信息后提示电影信息是否删除成功.
-->
<td><button ng-click="del(s.id)">删除</button>
<!--
作者：offline
时间：2018-01-19
描述((8) 用户点击修改操作可对该条数据的评分进行修改。。
-->
<button ng-click="f=!f">修改</button>
</td>
</tr>
</table>
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jss/angular.min.js"></script>
<script>
angular.module("xubingyang",[]).controller("con1",function($scope,$http){
$http.get("http://result.eolinker.com/rR1VBtT56a6bb220c10b3d44b65b4787a8aec03c4ec32ce?uri=MonthTest")
.then(function(d){
$scope.data=d.data;
})
$scope.ckall = function(){
for(var i=0;i<$scope.data.length;i++){
$scope.data[i].ck=$scope.ck1;
}
}
$scope.del = function(id){
var index=0;
for(var i=0;i<$scope.data.length;i++){
if($scope.data[i].id==id){
index=i;
}
}
if(confirm("是否删除")){
$scope.data.splice(index,1);
alert("删除成功");
}
}
$scope.yue= function(sname){
if($scope.salname ==""||$scope.salname==undefined){
return true;
}
if(sname.indexOf($scope.salname)>-1){
return true;
}
return false;
}
$scope.dele=function(){
var deles=0;
for(var i=0;i<$scope.data.length;i++){
if($scope.data[i].ck==true){
deles++;
$scope.data.splice(i,1);
i--;
}
}
if(deles==0){
alert("请选择");
}
if($scope.data.length==0){
alert("购物车为空");
}
}
})
</script>
</head>
<body ng-app="xubingyang" ng-controller="con1">
<h3 ng-show="data.length==0">购物车为空</h3>
<div ng-show="data.length!=0">
<input type="text" placeholder="请输入关键字查询" ng-model="salname"/>
<button >搜索</button>
<!--
作者：offline
时间：2018-01-19
描述((7) 用户可以根据电影时长、售价、上映时间、评分进行排序（正序、 倒序）。
-->
<select ng-model="px">
<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>
<!--
作者：offline
时间：2018-01-19
描述(5) 全选、反选及批量删除。用户可以点选删除也可以全选批量删除 当用户确定删除电影信息后提示电影信息是否删除成功.
-->
<button ng-click="dele()">批量删除</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>
<td>上映时间</td>
<td>评分</td>
<td>操作</td>
</tr>
<!--
作者：offline
时间：2018-01-19
描述：根据接口提供的数据遍历集合数据，展示数据如图所示
-->
<!--
作者：offline
时间：2018-01-19
描述(6) 用户可以根据电影名称进行模糊查询。
-->
<tr ng-repeat="s in data|orderBy:px" ng-show="yue(s.name)">
<td>
<input type="checkbox" ng-model="s.ck" />
</td>
<td>{{s.id}}</td>
<td>{{s.name}}</td>
<td>{{s.type}}</td>
<td>{{s.time}}</td>
<td>{{s.author}}</td>
<!--
作者：offline
时间：2018-01-19
描述：(3) 对电影票售价进行格式化，如￥：42.5
-->
<td>{{s.price|currency:"￥"}}</td>
<!--
作者：offline
时间：2018-01-19
描述：格式化电影上映日期如：1990-10-12 14:12:25
-->
<td>{{s.playTime|date:"yyyy-MM-dd hh:mm:ss"}}</td>
<td><span ng-hide="f">
{{s.score}}
</span>
<span ng-show="f">
<input style="width: 35px;" ng-model="s.score" />
</span></td>
<!--
作者：offline
时间：2018-01-19
描述：(4) 对电影信息进行删除。当删除电影信息时提示用户是否确定删除， 当用户确定删除电影信息后提示电影信息是否删除成功.
-->
<td><button ng-click="del(s.id)">删除</button>
<!--
作者：offline
时间：2018-01-19
描述((8) 用户点击修改操作可对该条数据的评分进行修改。。
-->
<button ng-click="f=!f">修改</button>
</td>
</tr>
</table>
</div>
</body>
</html>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
