Angalrs服务——增删改查——

最新推荐文章于 2024-02-01 16:02:39 发布

独2无1

最新推荐文章于 2024-02-01 16:02:39 发布

阅读量222

点赞数

本文链接：https://blog.csdn.net/qq_41758430/article/details/79367212

版权

Angalrs服务——增删改查——

<!DOCTYPE html>

<html>

<head>
<meta charset="UTF-8">
<title></title>
<script src="js/angularjs-1.55/angular.js"></script>
<script>
angular.module("gaoynapp", [])
.controller("ctrl", function($scope, $http) {
$http.get("http://result.eolinker.com/rR1VBtT56a6bb220c10b3d44b65b4787a8aec03c4ec32ce?%20uri=MonthTest")
.success(function(data) {
$scope.diangys = data;
})
//查询
$scope.sel = function() {
$scope.name1 = "";
}
//排序
$scope.pai = "";
//全选
$scope.qx = function() {
for(var i = 0; i < $scope.diangys.length; i++) {
if($scope.diangys[i].ck = true) {
$scope.diangys[i].ck = $scope.qx1;
}
}
}
//批量删除
$scope.pdel = function() {
for(var i = 0; i < $scope.diangys.length; i++) {
if($scope.diangys[i].ck) {
$scope.diangys.splice(i, 1);
i--;
}
}
}
//单个删除
$scope.del = function($index) {
if(confirm('确定删除？')) {
$scope.diangys.splice($index, 1);
alert('删除成功');
}
}

//修改
$scope.xg=function(d){
var score2= prompt("评分修改",d.score); //弹框，修改原来的值
d.score=score2;
}
})
</script>
</head>

<body ng-app="gaoynapp" ng-controller="ctrl">
<input placeholder="按电影名称模糊查询" ng-model="name1" />
<button ng-click="sel()">搜索</button>
<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="pdel()" style="margin-left: 50px;">批量删除</button>
<table border="1px">
<tr style="background:#999999;">
<th><input type="checkbox" ng-click="qx()" ng-model="qx1" /></th>
<td>电影名称</td>
<td>类别</td>
<td>时长</td>
<td>导演</td>
<td>售价</td>
<td>上映时间</td>
<td>评分</td>
<td>操作</td>
</tr>
<tr ng-repeat="d in diangys | filter:{name:name1} | orderBy:pai">
<td><input type="checkbox" ng-model="d.ck" /></td>
<td>{{d.name}}</td>

<td>{{d.type[0]}},{{d.type[1]}}</td>
<td>{{d.time}}</td>
<td>{{d.author}}</td>
<td>{{d.price}}</td>
<td>{{d.playTime|date:'yyyy-MM-dd HH:mm:ss'}}</td>
<td>{{d.score}}</td>
<td><button ng-click="xg(d)">修改</button><button ng-click="del($index)">删除</button></td>
</tr>
</table>
</body>

</html>

运行结果：