<!DOCTYPE html>
<html lang="en" ng-app="myapp" ng-controller="myCtrl">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
ul{
list-style: none;
width: 400px;
}
ul>li{
float: left;
width: 100px;
}
ul:before{
content: '';
display: block;
clear: both;
}
</style>
<script src="js/angular.js"></script>
</head>
<body>
<div class="class=tableMain">
<ul>
<li>编号</li>
<li>名字</li>
<li>排序</li>
<li>操作</li>
</ul>
<ul ng-repeat="item in items">
<li>{{item.num}}</li>
<li>{{item.name}}</li>
<li>{{item.sort}}</li>
<li><a ng-click="others.moveUp(item)">上移</a><a ng-click="others. moveDown(item)">下移</a></li>
</ul>
</div>
<script>
angular.module('myapp',[]).controller('myCtrl',function($scope){
$scope.items=[
{
"num":"1",
"name":"QQ",
"sort":"1"
},
{
"num":"2",
"name":"JSON",
"sort":"2"
},
{
"num":"3",
"name":"AJAX",
"sort":"3"
}
];
$scope.others={
selectedItem:{},
//上移;
moveUp:function(item){
this.selectedItem=item;
var index=$scope.items.indexOf(this.selectedItem);
var tmp=angular.copy($scope.items[index-1]);
if(index==0){
alert('已经是第一个!');
return ;
}
$scope.items[index-1]=$scope.items[index];
$scope.items[index]=tmp;
},
//下移;
moveDown:function(item){
this.selectedItem=item;
var index=$scope.items.indexOf(this.selectedItem);
if(index==$scope.items.length-1){
alert('已经是最后一个!');
return ;
}
var tmp=angular.copy($scope.items[index+1]);
$scope.items[index+1]=$scope.items[index];
$scope.items[index]=tmp;
}
}
})
</script>
</body>
</html>
ng排序
最新推荐文章于 2019-01-09 17:24:43 发布