Angularjs过滤器完成排序功能实例详解

本文主要和大家详细介绍了angularjs使用过滤器完成排序功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

nbsp;html> 
 
 
<meta> 
<title></title> 
[removed][removed] 
<link> 
[removed] 
angular.module('myApp',[]) 
.service('data',function(){ 
return [ 
{id:1234,name:'ipad',price:3400}, 
{id:1244,name:'aphone',price:6400}, 
{id:1334,name:'mypad',price:4400}, 
{id:8234,name:'zpad',price:8400} 
]; 
}) 
.controller('myController',function($scope,data){ 
$scope.data=data; 
$scope.change=function(order){ 
//$scope.orderType=''; 
$scope.order=order; 
if($scope.orderType==''){ 
$scope.orderType='-'; 
}else{ 
$scope.orderType=''; 
} 
} 
}) 
[removed] 
<style> 
.red{color: red;} 
</style> 
 
 
 
<!-- /.navbar-collapse --> 
 <!-- /.container-fluid --> 
 

登录后复制                                    

id	name	price
{{x.id}}	{{x.name}}	{{x.price}}

     

相关推荐：

详解Angularjs过滤器实现动态搜索与排序功能

AngularJS过滤器filter用法实例分析

详解AngularJS过滤器的使用_AngularJS

以上就是Angularjs过滤器完成排序功能实例详解的详细内容，更多请关注慧达安全导航其它相关文章！