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

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

nbsp;html> 
 
 
<meta> 
<title></title> 
<script></script> 
<link> 
<script> 
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=''; 
} 
} 
}) 
</script> 
<style> 
.red{color: red;} 
</style> 
 
 
<p> 
<nav> 
 <p> 
 </p>
<p> 
  </p>
<form> 
  <p> 
   <input> 
  </p> 
  </form> 
 </nav></p><!-- /.navbar-collapse --> 
 <!-- /.container-fluid --> 
 

登录后复制

相关推荐：

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